引入CSS样式

1.      style属性中的样式——内联样式

2.      写在<style></style>之间——内嵌样式表

3.      外联样式表

<link rel = “stylesheet” href=”css/mycss.css”type=”text/css” media=”all” />

候选样式表：

<link rel = “alternate stylesheet” href=”css/mycss.css”type=”text/css” title=”alterSheet” media=”all” />

media常见的属性是all，screen和print。

利用title可以将样式表进行分组 

4.      导入样式表

@import url(“css/mycss.css”);

@import指令放style容器中并且在的其他的CSS规则之前。

导入样式表写在样式表的最前面，但浏览器解析的时候是最后解析的，这会产生浏览器加载样式过程中页面无样式闪屏的现象，所以建议使用外联样式表的方式链接外部样式表文件。

如果一个外部样式表需要使用其他的外部样式，此时可以使用@import。

媒体属性限制：

@importurl(sheet.css) all;

@import url(blueworld.css)screen;

@importurl(zany.css) print;

 

5.      样式表引入的小技巧：

<style><!—

将声明包含在一个注释标记中

--></style>