10条影响CSS渲染速度的写法与使用建议
更新时间：2008年09月06日 22:01:12 作者：
最近很少写CSS了，以后也可能写的会很少了，所以还是想把自已的一些经验能和大家分享一下，希望能给大家一些帮助！
5、让属性尽可能多的去继承
尽可能让一些属性子可以继承父，而不是覆盖父；
简单的一个例子：
复制代码 代码如下:
<style>
a:link,a:visited{color:#0000FF}
a:hover,a:active{color:#FF0000}
#jb51 a:link,#jb51 a:visited{ font-weight:bold}
#jb51 a:hover,#jb51 a:active{ font-style: italic;}
</style>
<div><a href="#">test</a><div>
<div id="jb51"><a href="#">jb51</a></div>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
实际上我是让jb51去继承我默认设置的属性，因为那些属性已经存在了。
另外再说几个不是特别重要的地方，平时注意一点就行了，没有上边这几个影响那么大：
6、CSS的路径别太深；
例如：
程序代码
#jb51 #info #tool #sidebar h2{ font-size:12px;}
7、能简写的一些就简写；
例如：#jb51{pading-top:10px; padding-right:50px; padding-left:50px; padding-bottom:4px;} 改成：#jb51{padding:10px 50px 4px 50px}
这个对渲染速度没有影响；只是少几个字符；
8、别放空的的class或没有的class在HTML代码中；
9、float 的应用
这个东西我的感觉是如果使用不当，百分百有性能问题，而且还非常的大，但实在不知道怎么样能弄一个例子出来；这里只能建议大家如果不是很明白float是怎么工作的，还是少使用为妙。
10、合理的布局
为什么这么说呢，合理的布局，可以改变CSS的写法以及渲染过程。
其实有些不能总结为CSS部分；
今天就写这些，也是这里基本能想到的，以后再想到了再补充吧，还饿着肚子呢，得出去去吃那些吃的快吐的小饭店饭了。 好久没有在家吃过饭了。
文章中百分百有错别字，就不改了；本文随便转载，只要注明出处：子鼠
相关文章
这篇文章主要介绍了《CSS3实战》笔记--渐变设计（二,需要的朋友可以参考下2016-05-05
现在发现有些人的css写得很乱 从上到下,那些标记只有他自己看得懂,css在哪里,2008-07-07
看了poorfish的这篇文章感觉不错，先不考虑其它的，现在虽然流行div+css ,但仍有许多朋友还在用table,div+css主要考虑显示速度，但多浏览器的兼容性，仍是个问题。2007-12-12
DIV和CSS排版中制作细线条的方法小结...2007-09-09
CSS标签切换代码实例教程 比较漂亮...2007-09-09
一个页面有4个Iframe来显示flash内容，其中第二个iframe的显示是用Javascript控制的，只有当特定的cookie存在时才出现，否则显示普通的文本。2008-05-05
CSS学习越深入，我们需要关注的细节之处就越多，今天我们通过11个注意点来提高CSS的网页渲染效率。2008-08-08
用css实现隐藏文本框...2007-08-08
写页面的时候，遇到处理数据的时候还是要用TABLE的，但是有的时候显示出来table, ie和ff的高不同。2008-04-04
这篇文章主要介绍了《CSS3实战》笔记--渐变设计（三,需要的朋友可以参考下2016-05-05
最新评论