sq-web

整理一下css优化相关的知识，看到后会慢慢补充。主要从以下三个方面进行总结：1、减少加载页面时候的数据传输量。2、提高页面渲染速度。3、css代码的可维护性。一、减少加载页面时候的数据传输量为了减少数据传输量，主要是减少css代码的体积，主要整理了以下几点：1、压缩css文件2、合并属性，样式复用，减少代码量3、移除空的css规则4、不声明多余的css样式，使用继承规则减少代码量5、关于display：display:inline后不应该再使用width、height、margin、padd

最后再整理一个css animation的兼容性。查询兼容性网站：Can I use总结：IE10以下不支持，要支持更多的浏览器版本，记得加相关浏览器前缀。

css常用布局兼容性因为平常布局用的多，所以简单总结一下常用布局的兼容性。查询兼容性网站： Can I use总结：1、若pc端兼容要求高，应不选用flex布局。2、盒子模型和position支持良好，但在选用一些不常用api的时候需要注意兼容问题。...

css各版本选择器兼容性总结查询兼容性网站：Can I use总结：css1的各种选择器已经被各种浏览器完全支持。css2.1的选择器对IE6的支持不好。如果想兼容IE6-8，那么就不要用css3的选择器。虽然火狐和Safari的很早的版本对css3的选择器支持不好，但是那已经是很老的版本了。...

最近写一个H5页面的时候发现了这个被忽视的问题，一时没想到什么原因，搜了半天，记录一下，方便他人踩坑。唉，有些东西不用就忘。一、问题描述<div class="container"> <div class="children">子元素</div></div>.container { background-color: r...