CSS学习笔记day1

1、伪类选择器：

a:link{} ->未访问的状态

a:visited{} ->已访问过的连接状态

a:hover{} ->鼠标经过时的状态

a:active{}->鼠标按下去时的状态

hover:改变自身状态 自身选择器：hover{声明}

通过父级改变子级 父级选择器：hover 子级选择器{声明}

2、权重的计算表达式用四位数字表示

行内样式表 ->1000

标签选择器 ->0001

id选择器 ->0010

class选择器 ->0100

3、浮动属性的使用：改变元素位置

属性：float

属性值：left、right、none

浮动只能规定元素在水平方向上移动

浮动属性会让元素脱离文档流（网页正常布局：从上往下）初始位置不存在

浮动元素碰到包含框（父级元素的边框）就会停止浮动

浮动元素碰到前面一个含有浮动属性的元素也会停止浮动

当最后一个的子级元素高度大于父级元素宽度的时候时，会往下移动直至找到合适的空间时才会停止 浮动

文本图片环绕效果：

浮动脱离文档流 下面的盒子元素就会被盖住 x（在文本中不会被盖住）