CSS 3 如何插入样式表

来源：互联网发布：极限挑战第三季知乎编辑：程序博客网时间：2024/06/06 00:52

CSS 3 如何插入样式表

当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种：

1.外部样式表

当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link>标签链接到样式表。<link>标签只能在（文档的）头部。

例如：

<head>

</head>

浏览器会从mystyle.css文件中读到样式声明，并用它来格式文档

注1：

①外部样式表可以用任何文本编辑器进行编辑，如电脑自带的记事本。

②文件不能包含任何HTML标签。

③样式表文件以.css进行保存。

注2：<link>标签

①<link>标签定义文档与外部资源的关系，最常见的用途是链接样式表。

②<link>元素是空元素，<link />

③此元素只能存在于 head 部分，不过它可出现任何次数。

④rel属性规定当前文档与被链接文档之间的关系，但只有 rel属性的"stylesheet"值得到了所有浏览器的支持。其他值只得到了部分地支持。

⑤type 属性规定被链接文档的 MIME类型。该属性最常见的MIME类型是"text/css"，该类型描述样式表。

⑥href属性规定被链接文档的位置（URL）

绝对 URL - 指向另一个站点（比如href="http://www.example.com/theme.css"）

相对 URL - 指向站点内的某个文件（href="/themes/theme.css"）

2.内部样式表

当单个文档需要特殊的样式时，就应该使用内部样式表。就不用写单个.css文件了。

使用<style>标签在文档头部定义。

例如：

<head>

hr {color：red；}

p {font-size：20px；}

body {background-image：url（“images/back40.gif”）；}

</style>

</head>

3.内联样式

当样式仅在一个元素上应用一次时使用。

在相关标签内使用style属性，style属性可以包含任意CSS属性。

例如：

This is a paragraph.

</p>

注：参见链接：HTML 6样式

4.多重样式重叠

当某一信息有多个样式定义时，优先级别如下：

0 0