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>