1.選擇器：

p  {    font-weight: bold;   // 粗體  
         font-style: italic;    // 斜體
    }

p  {   
         border: 1px solid red;  // 邊框，注意是3個(gè)值   solid:實(shí)線   dashed:虛線

    }

margin:外距     <p>標(biāo)簽?zāi)J(rèn)是有上下的外距的，設(shè)置margin:opx的話，就可以沒有了。
padding:內(nèi)距

鍵值對：鍵就是屬性   值就是屬性值


css選擇器分為2大類：A.基本選擇器 和  B.擴(kuò)展選擇器
基本選擇器：
    a.標(biāo)簽選擇器：選了頁面上的一類標(biāo)簽
    b.類選擇器：.  針對一類 class
    c.Id選擇器： # 針對某一個(gè)   在頁面Id必須為唯一  # 和id 的d，都能夠包圍住一個(gè)空間。
    *:通配符選擇器：頁面所有的標(biāo)簽
擴(kuò)展選擇器：
    a.組合選擇器：用逗號（，）隔開多個(gè)選擇器
    b.關(guān)聯(lián)選擇器（后代選擇器）：用空格隔開。   h3 a i { color:red; }
    c.偽類選擇器：
         1) 靜態(tài)偽類  link, visited, 只能用于超鏈<a>  link表示超級連接點(diǎn)擊之前的顏色，visited代表點(diǎn)擊之后的顏色 。注意：比如 a:link {。。。}  a:visited {... } 
         2) 動態(tài)偽類 適用于各種標(biāo)簽

2.css與html結(jié)合：

a.行級樣式表：采用style屬性來完成  行級樣式表只針對那一個(gè)標(biāo)簽使用
<p style="color： red">  

b.內(nèi)部樣式表：采用<style>標(biāo)簽來完成
c.外部樣式表：采用外部css文件完成  
    <link rel="stylesheet" href="cssDemoTest.css" type="text/css">

3.濾鏡：

style="filter:xxx()"

4.行內(nèi)元素才能使用：

vartical-align: middle;

可以設(shè)置：

display: inline-block;