页面导航：首页 → 网络编程 → CSS/HTML → 经验交流 → 正文内容 CSS渲染速度

10条影响CSS渲染速度的写法与使用建议第3/3页

发布：dxy 字体：[增加减小] 类型：转载

最近很少写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 全选提示:你可先修改部分代码,再按运行]

实际上我是让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部分；
今天就写这些，也是这里基本能想到的，以后再想到了再补充吧，还饿着肚子呢，得出去去吃那些吃的快吐的小饭店饭了。好久没有在家吃过饭了。
文章中百分百有错别字，就不改了；本文随便转载，只要注明出处：子鼠

当前3/3页上一页 1 2 3