软开寒假12.19

选择器

元素选择器（类型选择器）

class选择器（类选择器）

id选择器

通配选择器

群组和后代选择器

后代选择器：
例子：p下面的b标签：

p b{background-color：red}

伪类选择器

link和visited只可以用于a标签
hover和active可以用于所有标签

选择器的权重

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

文本属性

列表属性（列表符号）

背景属性

背景图片大小：background-size：像素 像素

1. 200px 200px
2. 100% 100%
3. cover（将图片完全扩大直到覆盖背景区域

背景的固定和滚动

background-attachment(见上图）

复合写法

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

浮动属性

清浮动（解决高度塌陷的问题）

清自己的浮动
或者overflow：hidden（让浮动元素计算高度）
或者在浮动的块中添加一个块 清浮动
或者给浮动的块创建一个高度

盒子模型

内边距padding

注意：
1个值，4个方向一样
2个值，上下，左右
3个值 上 左右 下
4个值 上 右下 左

内边距特性

1.背景色可以蔓延到内边距
2.可以设置单一方向
（padding-方向：top bottom left right）

边框boarder

背景色也可以蔓延到边框
eg：

boarder：10px dotted red

boarder-color也可以设置四个方向

boarder-color：blue red blue red；

同理，boarder-style也可以

外边距margin

外边距可设置为负数
背景色没有蔓延
总共四个margin方向
*{margin：0}
屏幕横向居中方案 margin:0auto;