第八章(操作样式表)小结

第八章（操作样式表）小结

原来时间真的十个可怕的东西，常时间不想的东西，你便会将它忘得一干二净，就像我现在不知从何谈起一样。###

1、创建外部样式表

(1) 创建新文档。
(2) 为网页定义样式规则，添加必要的注释。
(3) 以`.css`为后缀名，表明这是一个层叠样式表。

2、链接到外部样式表

在每个希望使用样式表的HTML页面的head部分输入

<link rel="stylesheet" href=url.css />

注意
1、样式表里的URL是相对于服务器上该样式表文件的位置，而不是相对于HTML页面的位置。
2、可以加载多个样式表文件，不同文件声明有冲突时，后面文件中的规则优先级高。

3、创建嵌入样式表

在HTML文档的head部分输入

<style>
定义任意数量的样式规则
</style>

注意：仅当style元素出现在link元素后面的时候，嵌入样式表中的样式才会覆盖外部样式表中的样式。

5、应用内联样式

只影响一个元素，在希望进行格式化的HTML元素的开始标签中，输入

style="创建一个样式规则"

注意：
1.直引号包围样式定义，分号分隔多条属性定义。
2.内联样式的优先级最高。

5、样式的层叠和顺序

基本规则：在其他条件相同的情况下，越晚出现的样式优先级越高。
例外：标记`!important`的样式总是具有最高的优先级。

6、使用与媒体相关的样式表

指定某一个只用于特定输出的样式表，如只用于打印

1、在link或style元素的开始标签中添加media="output"。/* output：print、screen、all*/
2、@media print { 样式规则 }