大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为on和off，该属性可省略：省略属性值后默认值为on，也可以省略属性名，直接写入关键字on或off。
为了判断浏览器是否支持css3的一些新属性样式，当不兼容该样式的时候，我们可以更优雅的降级处理。这就需要使用到css3的条件判断功能：在css中支持@supports标记、或者在js中使用CSS.supports函数，来检测浏览器是否支持css3的新属性。
html5中Blob是什么？js如何创建Blob对象？Blob类型转换：String转换成Blob对象、TypeArray转换成 Blob对象 、ArrayBuffer转Blob、将Blob对象转换成String字符串，使用FileReader的readAsText方法 、将Blob对象转换成ArrayBuffer
在网页开发中遇到这样一个问题，在使用select的时候，想让里面的文字水平居中。首先想到的是text-align:center;但是发现在Chrome浏览器下不兼容，需要使用到text-align-last:center;
css/css3样式已是web前端开发的主流技术了。每个优秀的前端程序员都应该熟悉，甚至精通css。那么要如何才能学好css,并很好的应用到实际开发中，这篇文章就推荐一些关于css相关的书籍给大家。
有时候为一个网页添加一个动画效果的背景，会让网页增加一定的韵味，让网页看起来与众不同。需要用到了video/标签，然后在source里面写视频的路径，autoplay用来使其自动播放，muted用来使其静音，loop为循环播放
text-shadow 属性仅仅是用来设置文本阴影的，似乎并不能实现字体发光效果。其实不然，这正是 text-shadow 属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时，阴影就和文本重合了。这时，如果增大阴影模糊的距离，就可以达到字体外发光的效果了。
对于现在APP开发来说，目前流行的两个方式是原生和H5。就如同之前业界程序猿争论的BS和CS之争一样，业界对于H5和原生也有不小的争论。对于前者的争论在于PC端，后者在于移动端上体现。
通过CSS中的linear-gradient主要就能显示出不同方向的条纹效果,这里我们就来详解CSS制作Web页面条纹背景样式的技巧,需要的朋友可以参考下
在css3中我们知道可以使用box-shadow属性轻松的为元素添加阴影效果，并且可以设置多组效果。把box-shadow特性的两个偏移量设置为0，将模糊值blur也设置为0，此时增加扩张半径，就会使元素的投影变为实线边框。
在css中我们想实现透明颜色，首先就会想到rgba()和hsla()这2个属性。这篇文章就简单介绍下使用这2种方式来实现半透明边框。
在开发中，css样式有一些属性往往需要重复使用，为了避免代码冗余，降低维护成本。我们需要使用CSS预编译工具【Sass/Less/Stylus】，随着这些工具的流行，CSS变量也开始规范制定，目前很多浏览器都已经支持了
因为不是所有浏览器都支持WebP格式，我们就有两种思路：一个是只在支持WebP格式的浏览器中使用WebP格式；一个是让不支持WebP格式的浏览器可以支持WebP。
3D 场景中的面不只有水平面这一个，空间是由无数个面组成的，所以我们有可能会在任意一个面上放置物体，而空间中的面如何确定呢？我们知道，空间中的面可以由一个点和一条法线组成。这个 Demo 左侧为面板，从面板中拖动物体到右侧的 3D 场景中
IE6不支持min-height，解决办法使用css hack，ol内li的序号全为1，不递增。解决方法：为li设置样式display: list-item;定位父元素overflow: auto;，包含position: relative;子元素，子元素高于父元素时会溢出。解决办法：
就是在每个浏览器中上边两个中只能使用一个的话一定得记得把IE9考虑进来，因为它也是能识别条件注释的（感觉IE9就是IE向现代高级浏览器过渡的东西，CSS3只支持一部分，但是之前IE专有的一些问题照样存在）
我们都知道在html中引入外部的CSS 有2种方式，link标签和@import，他们又什么区别呢？link属于html标签，而@import是css提供的，页面被加载时，link会同时被加载，而@import引用的css会等到页面加载结束后加载...
原理：利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式。常见的hack有1）属性hack。2）选择器hack。3）IE条件注释
display:none;会让元素完全从渲染树中消失，渲染的时候不占据任何空间；visibility: hidden;不会让元素从渲染树消失，渲染师元素继续占据空间，只是内容不可见，display: none;是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示；
进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。
