css层叠样式表：
3种引入方式：
1.内联
在标签中引入样式
<标签名 style="样式1：样式值1；样式2：样式值2；"></标签名>
内嵌
在head标签中添加一个style标签
<head>
<style>
选择器{
样式1：样式值1；
样式2：样式值2；
}
</style>
</head>
选择器3种：
1.id选择器：在标签中添加id属性
<标签名 id="id值"></标签名>
注意：id值不能重复
在style标签中
#id值{
样式1：样式值1；
样式2：样式值2；
}
2.class选择器：在标签中添加class属性
<标签名 class="class值"></标签名>
在style标签中
.class值{
样式1：样式值1；
样式2：样式值2；
}
3.元素选择器：
在style标签中
标签名{
样式1：样式值1；
样式2：样式值2；
}
优先级：id>class>元素
选择器关系：
1.并列关系
选择器1，选择器2{
样式1：样式值1；
样式2：样式值2；
}
2.父子关系
选择器1 选择器2{
样式1：样式值1；
样式2：样式值2；
}
3.兄弟关系
选择器1+选择器2{
样式1：样式值1；
样式2：样式值2；
}
外部引入
将样式放在css文件中，然后用lnk标签在head标签中引入
<link href="xxx.css">
内联>内嵌>外部引入
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p style="color: red">这是内联引入css</p>
<p id="p1">这是内嵌引入css</p>
<p class="pp" >class选择器1</p>
<p class="pp">class选择器2</p>
<p class="pp">class选择器3</p>
<p>元素选择器1</p>
<p>元素选择器2</p>
<p id="p2">id选择器1</p>
<p class="p3">class选择器4
<a href="#">a标签</a>
</p>
<p class="p4">
选择器
<a href="#" id="a1">a标签</a>
<a href="#" >a2标签</a>
<a href="#" >a3标签</a>
<a href="#" >a4标签</a>
</p>
</body>
</html>