首页 → 网页设计 → CSS教程 → 网站重构 CSS样式表的优化与技巧

网站重构 CSS样式表的优化与技巧

日期：2007-4-30 20:00:53 出处：其他转载作者：LinHan 人气：

　　十.不需要给背景图片路径加引号

　　为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如:

　　background:url(images/***.gif) #333;

　　可以写为

　　background:url(images/***.gif) #333;

　　如果你加了引号，反而会引起一些浏览器的错误。

　　十一.组选择器(Group selectors)

　　当一些元素类型、class或者id都有共同的一些属性，你就可以使用组选择器来避免多次的重复定义。这可以节省不少字节。

　　例如:定义所有标题的字体、颜色和margin，你可以这样写:

以下是引用片段：
　　h1,h2,h3,h4,h5,h6 {
　　font-family:Lucida Grande,Lucida,Arial,Helvetica,sans-serif;
　　color:#333;
　　margin:1em 0;
　　}

　　如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如:

以下是引用片段：
　　h1 { font-size:2em; }
　　h2 { font-size:1.6em; }