css学习之LInk & import

一、用link加载外部样式表

1.放置位置：放在head元素中

2.样式表中只能包含样式规则，不能包含其他标记语言。如出现了标记，会导致其中一部分或全部被忽略。

3.type = 'text/css'可以指定文件是以.css后缀名传递的，并以样式表的规则处理导入数据，较老的浏览器不可以必须要以.css后缀命名文件。

4.media 属性，all,aural,braille,embossed,handheld,print,projection,screen,tty,tv,其中得到广泛支持的是all,screen,print。可以在提供媒体列表（各媒体用逗号分隔）。

5.浏览器加载多个外部样式表处理方式：合并它们的规则，并将其全部应用于文档。

6.候选样式表:rel = 'alternate stylesheet',为其制定title属性，就可在浏览器中根据title属性选择样式表(在大多数基于Gecko的浏览器得到了支持)，

7.首选样式表，rel= ' stylesheet' 且指定了title属性值，首选样式表只能有一个，若有多个首选样式表，浏览器选择哪些被忽略无法确定。

8.永久样式表，没有为样式表指定title属性，始终用于文档的显示。

二、@import指令加载外部样式表

1.放置位置：<style type = 'text/css'>标记里的前面。如：<style type = 'text/css> @import url(1.css) h1{color:red}</style>。

2.每个@import样式表都会被加载而且无法指定候选样式表。所有样式都会在文档的显示中使用。

3.可以限制导入的样式表用于一种或多种多媒体，如 @import url(1.css) all ;在样式表的url 之后列出要应用此样式的的媒体。

4.适用场景：如果有个外部样式表，它需要使用其他外部样式表中的样式。

5.css 要求@import指令出现在样式表中的其他规则之前，反之，兼容用户代理会忽略该样式表（IE除外）