### 使用HTML標簽定義樣式表 標簽選擇器 定義格式 ``` p { 屬性:屬性值 ；屬性1:屬性值1 } ``` >[danger] p可以叫做**選擇器**，定義那個標記中的內容執行其中的樣式. 一個選擇器可以控制若干個樣式屬性，他們之間需要用英語的“;”隔開，最后一個可以不應加“;” ### 使用class定義樣式表 class選擇器 定義格式 ``` .p { 屬性:屬性值 ；屬性1:屬性值1 } ``` ``` <p class="p">...</p> ``` class定義是以“.”開始 ### 使用id定義樣式表 id選擇器 定義格式 ``` #p { 屬性:屬性值 ；屬性1:屬性值1 } ``` ID定義是“#”開始的 ``` <p id="p">...</p> ``` ### 優先級 **ID > Class > HTML** ### 組合選擇器（同時控制多個元素） ``` h1,h2,h3 { font-size: 14px; color: red; } ``` 選擇器組合可以使用“,”隔開 ### 嵌套選擇器 定義div下的p標簽格式 ~~~ div p{ color: green; font-size: 30px; } ~~~ ### 偽元素選擇器 * a:link 正常連接的樣式 * a:hover 鼠標放上去的樣式 * a:active 選擇鏈接時的樣式 * a:visited 已經訪問過的鏈接的樣式