css三種引入方式：
1.內聯：在標籤中新增style屬性，屬性值用來描述樣式
<標籤名 style="樣式名1：樣式值1；樣式名2：樣式值2"></標籤名>
2.內嵌：
在head標籤中新增
<style>
選擇器{
樣式名1：樣式值1；
樣式名2：樣式值2；
...
}
</style>
選擇器：
1.id選擇器
(1)在標籤中新增id屬性<標籤名 id="id值"></標籤名>
(2)在style標籤中：
<style>
#id值{
樣式名1：樣式值1；
樣式名2：樣式值2；
...
}
</style>
(3)注意：id選擇器的值在整個頁面中只允許有一個，id相當於身份證
2.class選擇器
(1)在標籤中新增class屬性，<標籤名 class="class值"></標籤名>
（2）<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；
...
}
3.外部進入：(推薦使用)
新建.css檔案，將選擇器寫在檔案中
在head標籤中使用link標籤將css檔案引入
<link href="xxxx.css">
引入方式優先順序：內聯＞內嵌＞外部引入

1.id選擇器
#a1{
color:#5C5E45;
}
2.class選擇器
.p1{
color:gold;
}
3.元素選擇器
p{
color:green;
}
4.並列關係選擇器
#a1,.p1{
font-size: 10px;
}
5.父子關係選擇器
p span{
color: red;
}
6.兄弟關係選擇器
#s1+span{
font-size: 30px;
}
7屬性選擇器
[href='#']{
font-weight: bold;
}

8.水平對齊方式
text-align:center;
}

9.underline下劃線;line-through刪除線;overline頂劃線;none取消所有線*/
text-decoration: overline;
10.首行縮排indent;em為字元

{
text-indent: 2em;
line-height: 30px
}

11.uppercase轉大寫;lowercase轉小寫

text-transform:lowercase;

例子：

作業：