css樣式的三種引入方法：（優先級）
1.行內樣式：就是直接在標籤的開始標籤中，使用style屬性
2.內部樣式：直接使用style標籤來完成，但style標籤一定要寫在head部分
3.外部樣式：將css作爲一個獨立的文件來保存，一般後綴.css，通過link標籤引入
優先級 ：行內大於內部 ；行內大於外部；內部等於外部（就近原則）；默認樣式優先級最低
css基本選擇器：（層疊性）
- 類型選擇器：也叫標籤選擇器，或叫元素選擇器。
- 要使用id選擇器：需要分成兩個步驟：第一步，需要在對應的標籤中增加一個id屬性；第二步，需要在css中，使用#id屬性值。
- 類選擇器：使用也是分爲兩步：第一步，需要在對應的標籤中設置class屬性，並設置對應值第二步，在css的規則中，使用 .class屬性值
- 通配選擇器：使用通配符，*，表示所有的標籤（元素）
- 分組選擇器：在書寫css的時候，有可能對兩個不同的標籤、class、id，設置相同的css。在css中，使用逗號來實現分組。兩個選擇器之間使用逗號進行分隔。
- 後代選擇器：標籤的一個嵌套（eg： .main h2）
- 僞類選擇器：最常用的，就是a標籤的hover僞類。hover，表示將鼠標放到a上面的這個狀態。
- 交集選擇器：div.box ；a.hover
優先級：ID(0100)>class(0010)> p(0001) 權重
字體設置（繼承性）
color：設置字體的顏色
font-size：設置字體的大小
font-weight：設置字體的粗細
font-style：設置字體的是否傾斜
font-family:設置什麼類型的字體
font:前面幾個屬性的複合屬性
文本設置（繼承性）
1.text-decoration:修飾線
(underline
overline
line-through
none)
2. text-indent:首行空兩格
3. text-align:文本的對齊方式
4.line-height:行高
盒子模型：(六大屬性)
標籤是矩形的，這個矩形的標籤就是一個盒子，也就是說，我們一張網頁，就是一個一個盒子堆起來。
盒模型常用屬性：
-
width 盒子內容寬度
-
height 盒子內容高度
-
padding 盒子的內邊距，盒子內容與盒子邊框之間的距離，上下左右都有padding
-
margin 盒子的外邊距 盒子邊框之外的距離，也分上右下左
{margin xpx auto}//水平居中代碼片 -
border 盒子的邊框 盒子的邊框也是有上邊框，右邊框，下邊框，左邊框（粗細，樣式，顏色）
boderde樣式 solid，實線， dotted，點畫線， dashed，虛線， none 沒有， double：定義邊框爲雙邊框線。 groove：定義邊框爲3D凹槽。 ridge：定義爲邊框3D凸槽。 inset：定義邊框爲3D凹邊。 outset：定義邊框爲3D凸邊。 hidden：隱蔽邊框，IE不支持。） -
background 盒子背景 ，背景默認情況下會填充內容和padding
對於塊級元素，所有的這6大特性都能生效。
對於行級元素，width和height不起作用，設置了也是白設，border有效、background有效、margin和padding在水平方向上有效，在垂直方向上無效。
對於盒子模型的注意點：
1，對於女標籤來說，width和height設置無效
2，width屬性默認值爲auto，塊元素的貪婪性和行內元素的懶惰性。
3，對於行內元素而言，其寬度有內容本身決定，而其高度則有font-size決定。
4，有些標籤有默認的padding值，如ul、ol等。*{padding:0}