···">
/ 知识库     / 试卷库

CSS样式的使用

按照CSS样式出现的位置,可以把CSS样式分为以下3种:

(1)嵌入式:直接在元素内部以 style属性值设置的方式声明。例如:

<p style="color:red">这个段落字体颜色为红色</p>

此时 style属性指定的样式仅适用于这一个<p标签元素。

(2)内联式:在页面中通过<style type="text/css">···</style>标签中指定相的CSS样式。

<style>标签可以放在<head>标签中,也可以放在<body>标签中。例如:

<style type="text/css">
    .red{color:red;}
    #center{text-align:center;}
</style>

此时该样式适用于本页面中指定元素的显示。

(3)外联式:在页面<head>标签内部,通过<link>标签引入外部的CSS文件。例如:

<head>
    <link rel="stylesheet" type = "text/css" href = "style.css”/>
</head>

<link>标签的 href 属性指定了外部样式表的位置。上面的语句表示该页面引用了-个当前路径下,名称为 style.css 的样式文件,而在 style.css 文件中指定相应元素的样式声明信息。可以在多个页面引用一个外部样式表,达到对不同页面中通用部分元素的样式进行设置的目的。

除以上3种方式外,还有一种称为导入式的方式引人 CSS,其使用较少,在此不做具体介绍。

CSS的优先级

CSS是级联样式表,级联是指继承性,即在标签中嵌套的标签继承外层标签的样式。

级联的优先顺序是:嵌入式 > 内联式 > 外联式 > 浏览器默认

当样式表继承遇到冲突时,总是以最后定义的样式为准。