HTML学习笔记-定义CSS样式（七）

1.HTML标记定义

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

2.class定义

例如: <p class="p">...</p>
class定义是以"."开始
.p { 属性:属性值; 属性1:属性值1; }
class定义的样式可重复使用，可以选择子类。
.p p{color:red;}

3.ID定义

例如: <p id="p">...</p>
class定义是以"#"开始
#p { 属性:属性值; 属性1:属性值1; }
定义的id只会出现一次
.p p{color:red;}

4.优先级问题

在同一个标签中：ID > Class > HTML
同级时，选择执行相对后面的样式。

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

选择器组合可以使用逗号","隔开。
h1,h2,h3 { font-size:14px; color:green;}

6.伪类、伪元素选择器

如下为超链接添加样式:
<a href="https://blog.csdn.net/fangye945a" target="_blank">我的博客</a>
a:link 正常链接的样式（没有被访问）
a:hover 鼠标悬停的样式。
a:active 点击链接的样式。
a:visited 已经被访问过的样式。