网络编程
位置:首页>> 网络编程>> 网页设计>> 驯服CSS选择器--健壮我们的样式表

驯服CSS选择器--健壮我们的样式表

作者:ytzong 来源:99css 发布时间:2009-10-27 16:13:00 

标签:选择器,css,样式表

CSS 文件的大小和所引起的 HTTP 的请求数

是 CSS 性能的最关键因素

回流(reflow)和渲染时间

(非常!)没那么重要

副本(duplication)比陈旧的规则(stale rules)更糟糕

因为我们有工具处理后者

定义缺省值

不要在每处都重复编码

不好的:

#weatherModule h3{color:red;}
#tabs h3{color:blue;}

推荐:

h1, .h1{...}
h2, .h2{...}
h3, .h3{...}
h4, .h4{...}
h5, .h5{...}
h6, .h6{...}

用单独的 class 来定义结构

不要在每处都重复编码

使用 class

而不是元素选择器

不好的:

div.error{...}

推荐:

.error{绝大多数代码写在这里}
div.error{单独定义}
p.error{单独定义}
em.error{单独定义}

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com