css自己复习（yu xi

首行缩进两格：text-indent:2em;

行高设置：line-height:10px;

超链接：<a herf = "#">text</a>

无序列表，带圆点的列表效果

<ul>
    <li></li>
    <li></li>
<ul>

---

复合选择器

由至少两个基础选择器通过不同方式组合而成

1.后代选择器

语法：

父选择器 子选择器{}

用空格隔开。对父选择器里所有子元素生效，无论子孙。，若只想选择子代，则使用子代选择器。

2.子代选择器

语法：

父选择器>子选择器{}

用>隔开。

3.并集选择器

语法：

选择器1，选择器2，————选择器n{}

不同标签统一样式。

4.交集选择器

语法：

选择器1选择器2{}

两个选择器连着写，不用间隔。由此选中同时满足多个条件的元素。 （如有标签选择器，把标签选择器放在最前面）

---

伪类选择器

鼠标悬停状态：

选择器:hover{}

超链接的伪类（状态）

:link	访问前
:visited	访问后
:hover	悬停时
:active	点击时

若要给超链接设置多个伪类，要按照表格顺序，即“LVHA”顺序编写 

结构伪类选择器

查找第一个元素e:firstchild

查找最后一个元素e:last-child

查找第n个元素 e:nth-child(n)

「注意，n可以是公式，如

偶数标签	2n
奇数标签	2n+1,2n-1
找到5的倍数的标签	5n
找第五个以后的标签	n+5
找第五个以前的标签	-n+5

伪元素选择器

e::before	在e中最前面添加一个元素
e::after	在e中最后添加一个元素

必须设置content"";属性，用于添加内容

---

 CSS特性： 继承性，层叠性，优先级

1.继承性

子级默认继承父级文字属性（如字号行高缩进字体修饰线），但对于<h1>这种自带属性的，对于其专有属性不起作用 

2.层叠性

（如同一元素写了两个选择器，对于其中CSS属性，适用层叠性）

相同的属性会覆盖，写在后面的有效，前面的被覆盖

不同的属性会叠加

3.选择器的优先级

也叫权重，当一个标签使用了多个选择器时，基于不同种类的选择器的匹配规则
优先级公式：通配符选择器＜标签选择器＜类选择器＜id选择器＜行内样式<!important

优先级——叠加计算规则 
叠加计算：如果是复合选择器，则需要权重叠加计算。
公式：（每一级之间不存在进位）
        (行内样式，id选择器个数，类选择器个数，标签选择器个数）
规则：
1.从左向右依次比较选个数，自一级个数多的优先级高，如果个数相同，则向后比较
2.limportant权重最高
3. 继承权重最低

---

盒式模型

盒子模型重要组成部分：

        内容区域-width & height

        内边距-padding（出现在内容与盒子边缘之间）

        边框线- border

        外边距-margin（出现在盒子外面）