css布局
1、width 宽
2、height 高
3、文本
- font-family 设置字体样式如：微软雅黑
- font-size 设置字体大小
- font-style：normal（常规字体） | italic（斜体） | oblique（倾斜） 字体的风格
- font-weight：normal（正常） | bold（加粗） | bolder（更粗） | lighter（更细） | number（定义字体粗细）
- color：字体颜色
- text-decoration：none（无修饰） | underline（下划线） | overline（上划线） | line-through（删除线）
- line-height 文本行距设置
- text-indent 文本缩进
- text-align：left（左对齐） | center（中间对齐） | right（右对齐） | justify（两端对齐）
- vertical-align：top（顶部） | botton（底部） | middle（中间对齐、上下居中） 元素的垂直对齐方式
- word-spacing 改变字（单词）之间的标准间距
- letter-spacing 改变字符之间的标准间距
- work-break：normal（默认） | break-all（允许在单词内换行） | keep-all（只能在半角空格或连字符处换行）； 规定自动换行的处理方法
4、背景
- background-color 背景颜色
- background-image 背景图片
- background-repeat：repeat（默认） | no-repeat（不重复） | repeat-x（横向重复） | repeat-y（纵向重复） ； 背景图片重复
- background-position：x轴坐标 y轴坐标； 背景图片定位，值可以是像素值、可以是具体的方向、可以是百分比
- background-attachment：scroll（默认） | fixed（背景图片随页面滚动不会移动）； 背景图滚动
5、边框border
- border-width 边框粗细
- border-radius 边框圆角
- border-radius: xxpx xxpx xxpx xxpx（上下内侧） / xxpx xxpx xxpx xxpx（左右外侧）；
- border-style边框样式 常用参数：（none（没样式） | dotted（点状） | dashed（虚线） | solid（实线） | double（双线））
- border-color 边框颜色
- 注意：上面三个属性当为4个值时，方向为上、右、下、左；当为3个值时，方向为上、右左、下；当为2个值时，方向为上下、左右；当为1个值时，则是四边同时设置
- border-top 上边框
- border-right 右边框
- border-bottom 下边框
- border-left 左边框
- 注意：上面四个属性必须得有两个或两个以上并且相邻的才能成型
6、margin 外边距间隔
注意：
- 当属性为4个值时，方向为上、右、下、左；当为3个值时，方向为上、右左、下；当为2个值时，方向为上下、左右；当为1个值时，则是四边同时设置
- 水平方向会叠加
- 垂直方向只会取最大值
- 子级垂直方向会传递给父级，对行标签无效
7、padding 内边距间隔
注意：
- 当属性为4个值时，方向为上、右、下、左；当为3个值时，方向为上、右左、下；当为2个值时，方向为上下、左右；当为1个值时，则是四边同时设置
- 水平方向会叠加
- 垂直方向只会取最大值
- 子级垂直方向会传递给父级，对行标签无效
双倍margin（即父子目录都存有margin时）
- 出现前提：块标签；设置了float；IE6下
- 解决：display：inline；
8、box-sizing：border-box；把盒模型变为怪异盒模型（width=content+padding+border）
9、cursor：pointer； 把经过的目标的鼠标变成 ”小手“
