1.選擇器：
p { font-weight: bold; // 粗體
font-style: italic; // 斜體
}
p {
border: 1px solid red; // 邊框，注意是3個值 solid:實線 dashed:虛線
}
margin:外距 <p>標簽默認是有上下的外距的，設置margin:opx的話，就可以沒有了。
padding:內距
鍵值對：鍵就是屬性 值就是屬性值
css選擇器分為2大類：A.基本選擇器 和 B.擴展選擇器
基本選擇器：
a.標簽選擇器：選了頁面上的一類標簽
b.類選擇器：. 針對一類 class
c.Id選擇器： # 針對某一個 在頁面Id必須為唯一 # 和id 的d，都能夠包圍住一個空間。
*:通配符選擇器：頁面所有的標簽
擴展選擇器：
a.組合選擇器：用逗號（，）隔開多個選擇器
b.關聯選擇器（后代選擇器）：用空格隔開。 h3 a i { color:red; }
c.偽類選擇器：
1) 靜態偽類 link, visited, 只能用于超鏈<a> link表示超級連接點擊之前的顏色，visited代表點擊之后的顏色 。注意：比如 a:link {。。。} a:visited {... }
2) 動態偽類 適用于各種標簽
2.css與html結合：
a.行級樣式表：采用style屬性來完成 行級樣式表只針對那一個標簽使用
<p style="color： red">
b.內部樣式表：采用<style>標簽來完成
c.外部樣式表：采用外部css文件完成
<link rel="stylesheet" href="cssDemoTest.css" type="text/css">
3.濾鏡：
style="filter:xxx()"
4.行內元素才能使用：
vartical-align: middle;
可以設置：
display: inline-block;