1. 显示
1. 显示方式
1. 作用：
显示方式决定了元素在页面中如何摆放定位。
2. 语法：
属性：display
取值：
1. none
让你生成的元素不显示-隐藏
特点： 脱离文档流既不占据页面空间
2. block
让元素变得和块级元素一样
3. inline
让元素变得和行内元素一样
4. inline-block
让元素变得和行内元素一样
多个元素在一行显示，允许修改尺寸
2. 显示效果
1. visibility 属性
作用： 控制元素的可见性（显示/隐藏）
属性：visibility
取值：
1. visible
默认值，可见的
2. hidden
隐藏元素，但依然占据页面空间
3. collapse
使用在表格元素上，删除一行或一列时，不影响
表格整体布局
注意：
display：none 和 visibility：hidden区别
1. display：none
脱离文档流，所以隐藏后不占据页面空间
2. visibility：hidden
隐藏元素，但并不脱离文档流，导致空间依然占据
2. opacity 属性：
作用： 改变元素的透明度
属性： opacity
取值： 0.0（完全透明）~1.0（完全不透明）
3. vertical-align 属性
属性： vertical-align
取值：
top/middle/bottom/baseline(默认，基线对齐)
作用：
1. 设置单元格内容的垂直对齐方式
2. 为行内块元素设置vertcial-align，相当于设置该元素两端的
文本相对该元素的垂直对齐方式
示例图：
网页显示图：
3. 光标
1. 属性： cursor
取值：
1. default
默认
2. pointer
小手
3. crosshair
+
4. text
I
5. wait
等待
6. help
帮助
3. 列表
1. 列表项标识
属性： list-style-type
取值：
1. none
无标记
2. disc
实心圆
3. circle
空心圆
4. square
实心方块
2. 列表项图像
作用： 由定义图像作为显示的标识
属性： list-style-image
取值： url（图像路径）
3. 列表项位置是在列表项内容区域之外，列表的内边距范围内
属性： list-style-position
取值：
1. outside：默认值，列表项标识位置在列表之外
2. inside：将标识放在列表项区域之内
4. 列表属性
属性：list-style
取值： type url（） position
常用方式：
list-style：none；
5.列表使用场合
列表能够使用在纵向排列和横向排列的元素中
4. 定位
1. 定位属性：
1. position 属性
作用： 指定元素的定位类型
属性： position
取值：
1. static ： 默认值
2. relative ： 相对定位
3. absolute ： 绝对定位
4. fixed ： 固定定位
2. 偏移属性
作用： 改变元素在页面中的位置（移动元素）
属性：
1. top
2. bottom
3. left
4. right
取值：偏移距离，以px为单位的数值
3. 堆叠顺序
作用： 在元素出现堆叠效果时，改变他们的顺序
属性： z-index
取值：没有单位的数字，值越大，越靠上
2. 定位方式
1. 相对定位
元素会相对于它原来的位置偏移某个距离
相对定位元素原本所占的空间会被保留
2. 语法：
position：relative；
配合着偏移属性top/bottom/left/right
实现元素的位置移动
3. 使用场合
1. 实现元素位置微调时使用
2. 绝对定位
1. 绝对定位的元素会脱离文档流-不占据页面空间
2. 绝对定位的元素会相对于它最近的已定位的祖先
元素实现位置的初始化，如果元素没有已定位的
祖先元素，那么元素就会相对于最初的包含块实现
位置的初始化
body，html
已定位：absolute/reative/fixed 称之为已定位元素
祖先元素： 无限父级元素
2. 语法：
语法： position：absolute；
配合着偏移属性实现位置的改变
3. 特殊效果
1. 绝对定位元素会变成块级元素
2. 绝对定位元素依然可以使用margin，正常情况下，auto会失效
天天更哦！
