11.20课堂笔记

css的权重：
当不同选择器的样式设置发生冲突时，高权重选择器的样式会覆盖低权重的选择器
标签选择器：0001
class选择器：0010
id选择器：0100
伪类选择器：0010
包含选择器的权重等于权重之和
属性选择器：0010
伪元素选择器：0001
内联样式：1000

轮廓线：
outline-color/width/style
outline:none;关闭轮廓线

浮动：
float:ringt/left；（使文字左/右环绕）
盒子发生浮动，会失去原来的位置（脱离文档流）
多个盒子同时浮动，盒子会排列一行（BFC）如果盒子同时浮动，会从左往右依次排列

浮动出现的问题：
clear:both;去除间隔

外边距：
border padding 都会影响大小
margin不会影响
margin:xxpx（上下） xxpx（左右）;
当三个不一样时 上 左右 下
当4个不一样时 以顺时针方向

内边距：
padding:xxpx（上下） xxpx（左右）;
当三个不一样时 上 左右 下
当4个不一样时 以顺时针方向

外边距margin塌陷：
（1）给副盒子加边框
（2）给副盒子加内边距
（3）overflow:hidden;

auto：
margin: 0 auto;居中
（只针对块元素）

清除默认的内外边距：
*{
margin:0;
padding:0;
}