background image

如何合理的规划站点的

CSS 样式表

1:样式表文件里面的代码混乱,随着项目的进展,样式表里面的

先有代码不敢做任何改变,因为连自己也不知道改了以后会给现有

项目造成什么影响。更不敢删除。因为连自己都不知道此处的样式到

底什么地方用到了。

2:样式表文件体积增大,一个页面即使没有用到多数的样式,但

仍然只能引用所有的样式,导致页面的加载缓慢。

3:样式表文件里面的代码,就像意大利面条(为什么一定要像意

大利的面条?),或者就像中国的兰州拉面。所有的选择器类型全部

混在一起。甚至出现很多上下的重复和不一致。

4:其他的一些 CSS 导致的问题。

参考:

# 按照功能来划分

# 1.设置公用的文本样式 typography.css,管理字体列表 大小行高 样

[粗斜]。『文本媒体』

# 2.设置公用的链接样式 link.css,管理四种链接 l v h a 『链接媒体』

# 3.设置公用的布局样式 layout.css,这个省略 『布局代码』

# 4.设置公用的广告样式 flash.css, 适用于『动画媒体』

# 5.设置公用的图片样式 image.css ,适用于图片新闻内容『图片媒

体』