CSS的优化与技巧
〈/ul〉
〈/div〉
这段代码的CSS定义是：
div#subnav ul { /* Some styling */ }
div#subnav ul li.subnavitem { /* Some styling */ }
div#subnav ul li.subnavitem a.subnavitem { /* Some styling */ }
div#subnav ul li.subnavitemselected { /* Some styling */ }
div#subnav ul li.subnavitemselected a.subnavitemselected { /* Some styling */ }
你可以用下面的方法替代上面的代码
〈ul id=subnav〉
〈li〉 〈a href="http://www.web2design.cn/seo/#〉" Item 1〈/a〉 〈/li〉
〈li class=sel〉 〈a href=#〉 Item 1〈/a〉 〈/li〉
〈li〉 〈a href="http://www.web2design.cn/seo/#〉" Item 1〈/a〉 〈/li〉
〈/ul〉
样式定义是：
#subnav { /* Some styling */ }
#subnav li { /* Some styling */ }
#subnav a { /* Some styling */ }
#subnav .sel { /* Some styling */ }
#subnav .sel a { /* Some styling */ }
用子选择器可以使你的代码和CSS更加简洁、更加容易阅读。
十、不需要给背景图片路径加引号
为了节省字节，我建议不要给背景图片路径加引号，因为引号不是必须的。例如：
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;
}
如果在使用时，有个别元素需要定义独立样式，你可以再加上新的定义，可以覆盖老的定义，例如：
- 相关信息
- 网页优化[09-28]
- 50个影响网站优化的因素[09-28]
- 网站优化之百度篇[09-28]
- 网站优化-百度搜索引擎相关[09-28]
- 网站的结构优化[09-28]
- 网站优化之“MSN SEARCH”[09-28]
- 最新信息
- 网页优化[09-28]
- 50个影响网站优化的因素[09-28]
- 网站优化之百度篇[09-28]
- 网站优化-百度搜索引擎相关[09-28]
- 网站的结构优化[09-28]
- 网站优化之“MSN SEARCH”[09-28]
