发现navigator.getUserMedia在chrome 47后已经不能从非安全源访问（Insecure Origins）,但本地开发测试搭建apprtc时服务器一般不会添加https安全验证，所以我们的chrome就不能访问麦克风和摄像头这些硬件的权限。

//缺省协议的使用，代表资源访问的协议和当前页面保持一致，如果当前页面是http，那采用的就是http协议访问，如果是https，那就是使用https协议访问。这样用就不管是http还是升级到https都不用改动代码,现在很多CDN资源都是这样引用。一般使用在内链中，外链的协议头具有不确定性的原因。

偶然意外的发现css可以通过pointer-events控制元素的事件是否可以在本身触发和触发范围，觉得日常的开发过程中应该会用到。

  项目在测试过程中，偶尔会被美女测试同事提出bug，“哪里哪里功能文字不换行，布局乱啦，好丑！”。跑过去一看原来是输入了大量的英文和数字导致不换行。虽然现实情况不会有这种需求输入一大堆数字和字母，但还是测出来了，改改终究还是好的。

accept表示可以上传文件类型速览表。

css3 animation大家并不陌生，现在已经大面积使用了，在平常的开发中，有时候我们需要去监听下动画的执行情况，是否已经开始，或者结束来进行其它必要的操作。其实animation是可以被js监听到的，下面我们来看下代码吧。

sass和less都是css的预编译处理语言，他们引入了mixins，参数，嵌套规则，运算，颜色，名字空间，作用域，JavaScript赋值等 加快了css开发效率,当然这两者都可以配合gulp和grunt等前端构建工具使用

-moz(例如 -moz-border-radius)用于Firefox-webkit(例如：-webkit-border-radius)用于Safari和Chrome。

统一css命名，可以改善优化功效特别是团队合作时候可以提供合作制作效率。

CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。

网上看了几种处理IE6双倍边距的方法，都需要设置不同的hack来兼容浏览器，这样做降低了Css代码质量和工作效率，所以把自己的经验分享下，希望能帮到大家。

很多网站添加了这个功能，比如：淘宝、拍拍购物等，不过目前只有Google Chrome谷歌浏览器支持。喜欢的朋友可以弄个试试。

不支持IE6、IE7、IE8等版本的浏览器，其它浏览器均支持

可让表格边框的元素自动融合，不设置则在交集处会有双倍边框。

-moz-transition:all .2s ease-in; -webkit-transition:all .2s ease-in; -o-transition:all .2s ease-in; transition:all .2s ease-in;

IE各个浏览器的兼容性问题一直困扰着我们，以下可以完美解决IE6，IE7,IE8的Css兼容问题