【学习笔记】CSS的基本语法（二）

定义样式表

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

2.Class定义
<p class="p">...</p>
class定义是以“.”开始

p { 属性:属性值 ；属性1:属性值1 }

（class定义与html定义组合使用，如在<a href="xx" class="lianjie"><img /></a>

中，可在css中使用 .lianjie img{}定义样式）

3.ID定义
<p id="p">...</p>
ID定义是“#”开始的

#p { 属性:属性值 ；属性1:属性值1 }

（id与class的区别在于id是唯一的而class是不唯一的）

4.优先级问题
1.ID>Class>HTML
2.同级时选择离元素最近的一个的
#p { color: red }
#p { color: #f60 }
执行颜色为#f60的

5.组合选择器（同时控制多个元素）
h1,h2,h3 { font-size: 14px; color: red;  }
选择器组合可以使用“,”隔开

6.伪元素选择器
1.a:link
正常连接的样式
2.a:hover
鼠标放上去的样式
3.a:active
选择链接时的样式
4.a:visited
已经访问过的链接的样式