css之制作网站规范---文件命名

css制作网站规范

对css文件分层级进行书写和引用:基本划分四个等级,所有网站公共使用的清除默认样式所有网站都能使用的原子类自己网站公共的部分自己网站每个网页自己独有的部分

  • 1,清除默认样式 
    雅虎的YUI的reset.css文件,清除默认样式是最好的。 
    使用:要么使用网址形式绝对路径,更多的将文件内容复制写到本地文件。 

  • 2,原子类 
    是属于所有页面都能使用的。 
    每个类名中只书写一条属性,后期网页中需要对应属性,直接添加类名。 
    如 .fs12 {font-size:12px;} 
    作为第二层css结构进行引入。 
    文件名:base.css 

  • 3 ,页面公共样式 
    个人网站中,每个网页都有一些公共相同样式。 
    这些样式属于某个网站自己的公共样式,单独用一个css文件保存 
    文件名:common.css :需要所有网页都要引用的css 

  • 4,页面独有样式 
    扣除所有与别人公共的样式,其他页面独有的样式要单独写在自己的css文件中去。 
    文件名:跟HTML文件名保持一致即可。例如index.css

      **注意**:引入顺序,因为独有样式可能要层叠公共样式,需要保证权重足够, 书写顺序靠后的层叠前面的。
posted @ 2017-04-28 23:31  circe  阅读(152)  评论(0)    收藏  举报