css分级引入
-
css常见的分层组织：
-
清除默认样式css
- 使用范围：所有网站都能使用
- 制作方法：自己工作中进行积累，或者使用网络上已有的资源
- 命名习惯：reset.css
- 引入时必须作为第一层引入，网页中独有的样式可以层叠掉reset中的样式
- 注意：reset.css文件写完后不允许再次更改
-
网站的公共样式css
- 使用范围：单独的一个网站所有的页面、几个页面
- 制作方法：从设计图中观察，找到所有页面或多个页面公共的部分，划分成不同的模块分别进行.css文件的书写
- 注意类名的使用，公共文件中的类名一般不要在其他的css文件中使用
- 引入顺序：一般在reset.css后面，单独样式文件前面
-
每一页面自己独有的css
- 使用范围：单独的一个HTML页面
- 制作方法：找到页面独有的而其他页面没有的样式，单独写在一个.css文件中，只有对应的HTML文件能够引用
- 命名习惯：一般文件名与HTML的文件名保持一致，例如：index.css，如果拆分的更细致可以使用多个单词的拼写，例如index_banner.css等
- 引入顺序：在所有公共样式后面
- 注意：使用单独样式文件去重叠前面公共样式时，需要注意选择器权重。
-
-
注意：书写顺序，引入多层css时，需要按照后面的层叠前面的css进行设置。
-
整个css分层引入的顺序
<link rel="stylesheet" type="text/css" href="css/reset.css"><\link> <link rel="stylesheet" type="text/css" href="css/common.css"><\link> <link rel="stylesheet" type="text/css" href="css/index.css"><\link>
