css制作网站规范
对css文件分层级进行书写和引用:基本划分四个等级,
所有网站公共使用的清除默认样式
、所有网站都能使用的原子类
、自己网站公共的部分
、自己网站每个网页自己独有的部分
。
- 1,清除默认样式
雅虎的YUI的reset.css
文件,清除默认样式是最好的。
使用:要么使用网址形式绝对路径,更多的将文件内容复制写到本地文件。 - 2,原子类
是属于所有页面都能使用的。
每个类名中只书写一条属性,后期网页中需要对应属性,直接添加类名。
如.fs12 {font-size:12px;}
作为第二层css结构进行引入。
文件名:base.css - 3 ,页面公共样式
个人网站中,每个网页都有一些公共相同样式。
这些样式属于某个网站自己的公共样式,单独用一个css文件保存
文件名:common.css :需要所有网页都要引用的css 4,页面独有样式
扣除所有与别人公共的样式,其他页面独有的样式要单独写在自己的css文件中去。
文件名:跟HTML文件名保持一致即可。例如index.css
**注意**:引入顺序,因为独有样式可能要层叠公共样式,需要保证权重足够, 书写顺序靠后的层叠前面的。