根据CSS代码插入的位置将CSS样式分为:内联式、嵌入式、外部式(外联式)。
1.内联式CSS样式表:把css代码直接写在现有的HTML标签中,必须写在元素的开始标签中,css样式代码写在style=" "
的双引号中,若有多条css样式,用分号隔开。例如:<p style="color:red;font-size:12px">这里文字是红色。</p>
2.嵌入式CSS样式表:将css代码写在<head>
标签中,语法为:
<style type="text/css">
标签{
属性1;
属性2;
}
</style>
3.外部式(外联式)CSS样式:将css代码写在一个独立的css文件中,这个文件以.css
为后缀,在<head>
标签中使用<link>
标签将css文件链接到HTML文件,语法为:<link href="x.css" rel="stylesheet" type="text/css" />
,仅x.css
中的x
能够改变,代表css文件名称,其余代码均为固定格式。
三种css样式的优先级遵循就近原则,在相同权值下,内联式 > 嵌入式 > 外部式
。不过嵌入式的代码要写在外部式的后面。