【CSS】 二、定义样式表

CSS 一、使用CSS样式的方式
CSS 二、定义样式表
CSS 三、常见属性
CSS 四、DIV+CSS布局## 二、定义样式表

1. HTML标记定义

<p>...</p>
p { 属性:属性值 ；属性1:属性值1 }
p可以叫做选择器，定义那个标记中的内容执行其中的样式
一个选择器可以控制若干个样式属性，他们之间需要用英语的“;”隔开，最后一个可以不加“;”

2. Class定义

<p class="p">...</p>
class定义是以“.”开始
.p { 属性:属性值 ；属性1:属性值1 }

3. ID定义

<p id="p">...</p>
ID定义是“#”开始的
#p { 属性:属性值 ；属性1:属性值1 }

4. 优先级问题

• *** ID>Class>HTML***
• 同级时选择离元素最近的一个的
  #p { color: red }
#p { color: #f60 }
  执行颜色为#f60的

5. 组合选择器（同时控制多个元素）

h1,h2,h3 { font-size: 14px; color: red; }
选择器组合可以使用“,”隔开

6. 伪元素选择器

a) a:link 正常连接的样式
b) a:hover 鼠标放上去的样式
c) a:active 选择链接时的样式
d) a:visited 已经访问过的链接的样式