Css基础知识

1.css选择器与权重计算：

ID选择器 class选择器 关系选择器 属性选择器 伪类选择器（:hover :active :link :visited,不建议使用 link visited，会有缓存）集合选择器
权重：
!important（权重值：Infinity(正无穷)） > 行间样式（ 1000） > id选择器（100） > class选择器（10）> 标签选择器（1） > 通配符选择器（ 0）
属性和class选择器是并级的
权重计算：256进制

（特殊）text-shodow:设置文字阴影 （一共四个值）
值一：影子在水平方向移动的位置
值二：影子在垂直方向移动的位置
值三：文字清晰度
值四：文字的颜色

2.盒子模型：标准盒子和IE盒子
标准盒子：margin变大，盒子不变，盒子与盒子间距变大；
IE盒子：padding变大，盒子不变大，改变内容大小；
注意：盒子与盒子之间会存在 margin塌陷（外边距塌陷）
1.上下两个盒子：小的外边距被大的吸收掉了，盒子的距离为大的外边距
2.左右两个盒子：为两个外边距之和

注意了：块元素由默认的 8 px 的外边距，为了防止浏览器的默认值影响到效果，在初始化的时候，我们要清空默认样式；
代码如下：*{margin：0；padding：0；}

补充说明：body标签：默认的高度是0，默认的宽度是100%，等同于视图窗口，默认的外边距是 8 px；