CSS之应用样式的四种方式

CSS之应用样式的四种方式

1. link标签

通过link标签链接的样式表不是HTML文档的一部分，但是却供文档使用。这样的样式表称为外部样式表。
Web浏览器遇到link标签时，会查找并加载样式表，并渲染HTML文档。

属性

• rel: relation 关系的简称 常用为stylesheet
• href: 样式表的URL链接 可以是绝对地址 也可以是相对地址
• type: 文档的数据类型 始终为text/css
• media: 媒体属性，用于指定样式表应用的媒体类型
  一个文档可以关联多个样式表，但是最初显示文档时只会显示rel为stylesheet的样式表

比如：

此时由于文档中关联的两个外部样式表的rel均为stylesheet，因此显示文档时会合并两个样式表中的规则后再应用于文档中

候选样式表

当把rel定义为alternate stylesheet，该样式表为候选样式表。仅当用户选择时，文才会用候选样式表来渲染。
如果浏览器支持候选样式表，可以使用title属性来作为候选样式表的名字。

**注意：假设文档中关联以上两个外部样式表，最初显示文档时会使用main2.css来渲染文档，当用户选择使用候选样式表后，会使用main.css来渲染文档，main2.css就不再使用了。这是因为rel为stylesheet的样式表为首选样式表，他的优先级比候选样式表的高，显示文档时默认使用。**