css（12.29）

1.选择器

1.class选择器

2.id选择器

3.通配选择器

4.群组选择器

5.后代选择器

6.伪类选择器

7.选择器的权重

• 当多个选择器，选中的是同一个元素，且都为他们定义了样式，如果属性发生了冲突，会选择权重高的来执行
• 权重表
  

2.文本属性

3.列表属性

4.背景属性

• background-size写法：
  像素 像素 （400px 400px）
  百分数 百分数 （100% 100%）
  cover：把背景图像扩展到足够大，以使背景图像完全覆盖背景区域，也许无法显示在背景定位区域中。
  contain：把图像扩大至最大尺寸，以使其宽度和高度完全适应内容区域。铺不满盒子，留白。
  这个属性只能单独使用，不能复合。

• 复合写法：
  用空格隔开
  顺序可以调换
  可以只取一个值，放在后面可以覆盖前面的值。

5.浮动属性

• 浮动属性
  
  

• 清除浮动属性
  
  方法还有：
  写固定高度
  当前元素后面补一个盒子不设宽高，clear：both
  overflow：hidden

6.盒子模型

• padding（内边距）
  1个值：4个方向都一样
  2个值：上下 左右
  3个值：上 左右 下
  4个值：上 右 下左
  背景色会蔓延到内边框
  可以设置单一方向
• boeder（边框）
  样式：solid（实线）double（双线条）dashed（虚线）dotted（点线）
  背景色可以蔓延到边框
  写法：border：1px solid red
• margin（外边距）
  方向：4个方向
  没有背景蔓延
  外边距支持负值
  屏幕居中的方法：margin：0 auto；