CSS基础——引入方式

css三种引入方式
　　一.内联 <标签名 style="样式名1：样式值1；样式名2：样式值2">
　　二.内嵌 在head标签中添加
　　　　<style>
　　　　　　选择器{
　　　　　　样式名1：样式值1;
　　　　　　样式名2：样式值2;
　　　　　　}
　　　　</style>
　　选择器：
　　　　1.id选择器
　　　　（1）.在标签中添加id属性 <标签名 id="id值"></标签名>
　　　　（2）.在style标签中：
　　　　　　<style>
　　　　　　　　#id值{
　　　　　　　　样式名1：样式值1;
　　　　　　　　样式名2：样式值2;
　　　　　　　　}
　　　　　　</style>
　　　　2.class选择器
　　　　（1）.在标签中添加class属性 <标签名 class="class值"></标签名>
　　　　（2）.在style标签中：
　　　　　　<style>
　　　　　　　　.class值{
　　　　　　　　样式名1：样式值1;
　　　　　　　　样式名2：样式值2;
　　　　　　　　}
　　　　　　</style>
　　　　3.元素选择器
　　　　在style标签中：
　　　　　　<style>
　　　　　　　　标签名{
　　　　　　　　样式名1：样式值1;
　　　　　　　　样式名2：样式值2;
　　　　　　　　}
　　　　　　</style>

选择器优先级：id选择器>class选择器>元素选择器
　　关系选择器：
　　　　1.并列关系：
　　　　　　选择器1，选择器2{
　　　　　　样式名1：样式值1;
　　　　　　样式名2：样式值2;
　　　　　　}
　　　　2.父子关系：
　　　　　　选择器1 选择器2{
　　　　　　样式名1：样式值1;
　　　　　　样式名2：样式值2;
　　　　　　}
　　　　3.兄弟关系：
　　　　　　选择器1+选择器2{
　　　　　　样式名1：样式值1;
　　　　　　样式名2：样式值2;
　　　　　　}
三.外部引入：
　　　　新建.css文件，将选择器写入文件中
　　　　在head标签中使用link标签将css文件引入
　　　　　　<link href="xxx.css">
引入方式优先级：内联>内嵌>外部引入