一、外联式
也叫外部样式。CSS所有内容写入后缀名为 .css 的外部文件,亦即所有的CSS样式表内容均不包含在页面文件中,用 link 语句连接到HTML文档内容中来,可以连接多个 .css 文件。link 语句位于 <head> 和 </head> 之间。
代码举例:<link href="CSS文件URL地址" rel="stylesheet" />
二、嵌入式
也称内页样式。通过 style 语法在页内创建 CSS 样式表供页内使用。代码举例如下:
<style type="text/css">
.container {
width:1000px;
height:600px;
color:#aa6600;
}
</style>
三、内联式
也称为行内样式。HTML的行指一个标签周期,即标签起始到标签结束。行内样式顾名思义就是在标签起始符内嵌入 CSS 样式,所使用的是 style="" 语句:
<p style="color:#ff0000;">……</p>
上述三种在HTML中使用 CSS 的方法有优先级别:内联式 > 嵌入式 > 外联式。亦即,如果我们使用了外部的CSS文档,又在页内嵌入了 CSS样式,则,相同的定义使用页内样式;如果还有行内样式,则,相同的定义使用行内样式。