···">
按照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是级联样式表,级联是指继承性,即在标签中嵌套的标签继承外层标签的样式。
级联的优先顺序是:嵌入式 > 内联式 > 外联式 > 浏览器默认。
当样式表继承遇到冲突时,总是以最后定义的样式为准。