a标签的使用
锚点
当页面出现大段文字的时候，想精准的跳转到某一部分
<a href="#two">回到第二章</a>
<a href="#">回到顶部</a>
a标签的href地址与你在section写的ID值要一致且在ID值前面加#
当我点击回到第二章的，第二章就会出现在页面的顶部
回到顶部是们在页面中常用的锚点定位
在你的a标签href地址加"#"就可以实现跳转页面顶部
a标签四种状态
未访问link
已访问visited
激活focus（焦点框）
悬停hover
点击active
例:
/* 鼠标悬停改变字体颜色,背景色 */
a:hover{
color: green;
background-color: red;
}
层叠机制
相同的属性名不同的属性值应用到同一个元素上，会产生声明冲突，浏览器会自动触发层叠机制
层叠过程：
1.比较优先级
2.比较特殊性
3.比较源次序
属性值后面加 !important 表示重要声明，否则表示普通声明
比较特殊性：
每一个声明都有一个特殊性
权重由高到低：
行内样式>ID选择器>伪类选择器>类选择器>元素选择器>通配符选择器
具体规则:
在比较特殊性时，每一个冲突的声明，会产生4个数字a,b,c,d，以比较特殊性
a:若声明是行内样式，则是1，否则为0
b:规则中ID选择器的个数
c:规则中类选择器，伪类选择器和属性选择器的个数
d:规则中元素选择器，伪元素选择器的个数
定位体系
常规流（普通流）normal flow
浮动 float
绝对定位 absolute
任何一个元素，必须属于其中一种定位系统，不同的定位体系中，元素在包含块的尺寸和位置会有一些差异
包含块：通常情况下，元素的包含块是他父元素的内容盒 HTML的包含块是初始化包含块
注：当当前标签定位体系发生变化的时候，包含块就不一定是他父元素的内容盒
定位体系判断的步骤：第一步满足就不用走第二步
1.判定元素的position属性值是不是以下的取值：
absolute（绝对位置）、fixed（固定位置） 默认值：static
如果是其中一个取值，当前元素属于绝对定位
2.判定元素的float属性值是不是以下的取值：
left(左浮动) right(右浮动) 默认值：none
如果是其中一个取值，当前元素属于浮动
float 是为了实现文字环绕 ，子级浮动，父级元素高度塌陷
<article>
<img src="./news01.jpg" alt="">
Lorem ipsum, dolor sit amet consectetur adipisicing
</article>
img{
float: left;
}
在CSS中给图片加左浮动