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 已经被访问过的样式。