1.行内样式
< p style=“color:#FF000;font-size:20px;text-decoration:underline;”>正文内容1< /p>
2.内嵌样式
< style type =“text/css”>
P{
color:#FF00FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
< /style>
3.连接式CSS样式
< link href="type=“text/css” rel=“stylesheet”>
4.导入样式
< style type =“text/css”>
@import url(1.css)
< /style>
5.优先级问题
它们如果同时运用到同一个HTML文件的同一个标记上时,将会出现优先级的问题。
例如:
这四种样式同时设置字体颜色,而且分别设置不同的颜色,就存在优先级的问题。
通过敲代码查看最后生成效果,可以判断出行内样式的优先级最高,其次时采用标记的连接式样式,再次是位于之间的内嵌式,最后才是上面提到的@import导入式。