Css使用过程中应该注意的几个问题

  1. 尽量不要使用通配符 * {padding:0; margin:0},这样会遍历所有属性,降低css渲染的速度,好一点的做法是只为经常是使用的设置比如,body,h1,li {padding:0;margin:0;};
  2. 滤镜能不用就不用,原因在于滤镜大部分只有IE浏览器才可以支持,并且,滤镜会耗费大量的系统资源;
  3. 绝对定位position:absolute尽量不要使用,这样会让网页变的非常慢;
  4. Display:none和visibillity:hidden应该使用前者,因为后者在渲染的过程中会保留渲染的物理空间,存在物理空间的时候就会降低渲染效率;
  5. Border:none和border:0px同样尽量使用前者,后者会为border-style,border-color保留使用权,浪费资源;
  6. 不宜使用过小的图片作为背景,原因在于过小的背景要被重复排列多次才能铺满背景,最大的图片文件保持体积小于70KB,建议使用不小于8像素的图片。
  7. 三无原则:无ID,无层级,无标签;
  8. 尽量避免使用子孙选择器,层级选择绝对不要使用,降低渲染效果。
  9. 面向对象的命名,让css标签具有语义;

10.  !important的使用方法:可以通过字面意思去理解。让当前样式为最重要。那么样式冲突的时候,!important所在的样式起作用。

 

原文链接:,转发请注明来源!

发表评论