CSS学习笔记 1 ---- CSS的导入

来源：互联网发布：mpv mac 编辑：程序博客网时间：2024/05/05 20:31

1. 使用 link元素导入

例如：

(1) 候选样式表: 需要更改 rel 元素为 "alternate stylesheet". 例如：

此时，以IE8为例，通过浏览器菜单 View->Style 可选择某种样式表，默认为default.css。可提供更多的css供选择。

(2) 当有多个样式表全部为默认样式表(rel="stylesheet")时，只会采用其中一种，但是具体是哪种标准没有规定。例如：

浏览器具体选择哪种不确定。

(3) 无title项的称为永久样式表，始终作用于文档的显示样式。

(4) CSS文件不能有任何文档标记，纯粹是规则集。

2. 使用 style元素

在 html 文件 <head> 标签内添加。例如：

<html>

<head>

<!--

h1 {

color: cyan;

}

-->

</style>

</head>

<body>

<h1>I'm h1, my color is cyan</h1>

</body>
</html>

3. @import方法

在 2 所描述的 style元素内部的开始处添加。例如

<html>

<head>

<!--

@import url(common.css) screen, print;

@import url(common_tty.css) tty;

h1 {

color: cyan;

}

-->

</style>

</head>

<body>

<h1>I'm h1, my color is cyan</h1>

</body>
</html>

(1) 添加在 style元素的开始处。如果在任意一些规则之后，则会被浏览器忽略（但是IE不忽略）。

(2) 由于 CSS 文件内不允许有文档标记，因此如果想在CSS文件内部引用其他的CSS文件，则在CSS文件的开始处添加 @import 是唯一方法。如果放置在非开始处，则忽略。

例如有 default.css 引用 common.css：

@import url(common.css);

h1 { font-style: italic; }

4. 内联样式

例如：

<p style="color: darkgray; font-size: 200%">I'm paragraph</p>

注意：内联样式中不能放整个样式表，不能用 @import，不能包含完整规则。事实上，其属性值只能是规则中包含在大括弧之间的部分。

<END>