### 使用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 已经访问过的链接的样式