走丁大兄弟_个人页

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。

你需要用polyfill兼容所有浏览器 https://philipwalton.com/articles/the-dark-side-of-polyfilling-css/
box-shadow:0 0 20px rgba(0, 0, 0, .5);
-o-box-shadow:0 0 20px rgba(0, 0, 0, .5);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .5);

text-align: center 可以让文字居中；
margin-left: auto. margin-right: auto 可以让布局居中，也可使用flex布局的justify-content：center让其居中

1. 使用css的blur方法： https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter
2. 使用canvas e.g StackBlur http://www.quasimondo.com/StackBlurForCanvas/StackBlur.js

核心：用canvas截取屏幕

小程序主流分为 微信小程序，淘宝小程序，支付宝小程序 以及 快应用。你可以粗略的理解使用DSL语言构建页面，配合样式，以及交互处理逻辑，形成一个用户可交互的页面。 微信小程序为例，https://segmentfault.com/a/1190000008751701 主流的在官网上申请id，构建你的应用，发布，数据回流 ，优化。

播放视频的常规做法都会引入视频播放库，e.g https://github.com/videojs/videojs-contrib-hls 或者 https://github.com/Chimeejs/chimee 这里面都会集成相关的播放检测等方法

传入用户输入的值都encodeURlcomponent进行转义，否则会出现问题。特别是中文情况。和长短应该没关系

你可以把数据放在dom标签的自定义属性中，e.g data-XXX=xxx 在取数的时候获取自定义属性，而不是默认的标签值。这样就可以实现你所说的不展示内容，但是可以获取到值。

可以大于，和你的postion定位有关。

不建议分拆成多个js，因为多发2次请求，dns解析，parse等都会有损耗。

类似sublime3 或者 vs code都需要安装插件，sublime3的常用插件如下： https://www.shopify.com/partners/blog/sublime-text-plugins-2018

可以使用border： 1px solid red 或者

不同浏览器实现css的能力不同，需要加-webkit- -o-的前缀来让skew有兼容性。https://developer.mozilla.org/en-US/docs/Web/CSS/WebKit_Extensions

苹果safrai内核的样式要加 -o-xxx 的前缀 而不是 -webkit-

css账号不是调用的，直接在html中引入相关样式即可。
引入方式一般有两种：

1. 源码引入：
2. 源码上传到cdn上

css作为描述型语言，描述html标签对应的样式。选择器 用于描述相同样式的标签，从而提高代码的复用性。

css可以引入外部字体，使用后可改变页面的相关文字样式

@font-face{

font-family: 'YaHei Consolas Hybrid';
src : url('../fonts/yaheiconsolashybrid.ttf');

}

body{

font-family: 'YaHei Consolas Hybrid';
font-size: 16px;
background: url(../img/bgContent.png) repeat;

}

在web中，html中会加载css，方法有如下几种：

1. 源码直接插入html中
2. 源码上传到cdn上，在页面的中引入

首先span标签没有translation属性，这属于该网站的一个自定义属性，用于后续展示弹层内容的代码读取该属性，从而获取弹层内容；
但是一般自定义属性不推荐这么使用，常规都会加上data-的前缀，