CSS中外联link属性、内嵌style元素、@import指令、内联style属性、注释

1.link

<link rel="stylesheet" type="text/css" href="sheet1.css" media="all"/>

rel:代表关系（relation）,关系为stylesheet

type:text/css描述使用link标记加载的数据的类型 web浏览器知道是css样式表

href:样式表的url 可绝对可相对

media:

all 用于所有表现媒体

screen:在屏幕媒体（如桌面计算机监视器）中表现文档时使用。在这种系统上运行的所有web浏览器都是屏幕媒体用户代理

print:为视力正常的用户打印文档时使用，另外还会在显示文档的“打印预览”时使用。

projection:用于投影媒体，幻灯片等（Opera支持）

可在多个媒体中使用一个样式表，各媒体以逗号分隔。

eg:<link rel="stylesheet" type="text/css" href="visual-sheet.css" media="screen,projection">

一个文档可关联多个链接样式表，可合并

候选样式表

rel:alternate style sheet

c此时要设置title 进行选择

<link rel="stylesheet" type="text/css" href="sheet1.css" title="Defalut">

<link rel="alternate stylesheet" type="text/css" href="bigtext.css" title="Big Text">

<link rel="alternate stylesheet" type="text/css" href="zany.css" title="Crazy colors!">

2.style元素 嵌套样式表 内嵌

style元素包含样式表

在文档中单独出现 <style type="text/css"></style> 也可以为style元素指定一个media属性与link同

3.@import命令

@import用于指示web浏览器加载一个外部样式表，并在表现HTML文档时使用其样式。

@import必须放在style容器中，放在其他CSS规则之前，否则不起作用。

<style type="text/css">@import url(styles.css);/*@import comes first*/h1{color:gray;}</style>

一个文档中可以有不止一个@import语句 而且都会加载 无法指定候选样式表

应用媒体

@import url(sheet2.css) all

@import url(blueworld.css) screen

@import url(zany.css) projection,print

外部样式表里可以包含@import

eg

@import url(http://www.baidu.com);

body{color:red;}

h1{color:blue;}

4.内联样式

在HTML标签里 写 style属性来设置内联样式（除了body外部出现的标记（eg,head title））style属性可与任何其他HTML标记关联

css注释

/* 注释*/可单行 多行

<>