1.内联样式 在html元素内部
<p style="color:yellow;font-size:24px"></p>
2.内部样式表 在<head>标签内部
<head>
<style>
p:{color:red;font-size:20px;}
</style>
</head>
3.外部样式表 link引入css文件
<head>
<link rel="stylesheet" type="text/css" href="../main.css">
</head>
其中main.css的文件在上一级目录,内容如下:
p{
color:green;
font-size:18px;
}
h1{
color:orange;
text-align:center;
}
4.浏览器缺省设置
优先级:内联样式 > 内部样式表 > 外部样式表 > 浏览器缺省设置
多重样式:
如果某些属性在不同的样式表中被同样的选择器定义,那么属性值将根据优先级从更具体的样式表中被继承过来。