CSS3——笔记

优先级：

1.行内样式(最优先)

 <p style="color:red"></p>

2.内嵌样式 

<style type="text/css">
p
{
color:red;
}
</style>

3.链接样式

<link rel="stylesheet" type="text/css" href="x.css" />

4.导入样式(最不优先)

<style type="text/css">
@import "x.css"
</style>

选择器：

1.标记选择器

body,p,td,th,div,blockquote,dl,ul,ol

{
color:#000000;
font-size:lem;
font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;

}

2.类选择器

.rd{color:red}

<p class="rd"></p>

3.ID选择器

#txt

{
color:red;

}

<p id="txt"></p>

4.全局选择器

*{color:red}

5.组合选择器

hi.red

{
color:red;

}

<h1 class="red"><h1>

<hi class="blue"><h1>

6.继承选择器

子标记在没有定义的情况下所有的样式是继承父标记的；当子标记重新定义父标记已经定义过的声明时，子标记会执行后面的声明，其中与父标记不冲突的地方仍然沿用父标记的声明。

.test span img

{
border:1px blue solid;

}

<div class="test">

<span><img src="" /><span>

</div>

7.伪类

伪类作用在标记的状态上。
最常应用在<a>上，表示超链接4种状态：
未访问：link、

已访问：visited、

鼠标停留：hover、

激活：active

<style>

a:link {color: red}

a:visited {color:green}

a:hover {color:blue}

e:active {color:orange}

</style>

8.属性选择器

9.结构伪类选择器

10.UI元素状态伪类选择器