常用的CSS样式
字体样式：
font-style：字体风格
normal 默认值，标准文档样式
italic 斜体
font-weight：字体粗细
100-900 定义由细到粗的字符
font-size：字体大小
像素：px
font-family：字体类型
“隶书”，“楷体”，其他
简写：font：字体属性 按照上面的顺序输入；至少输入两个属性值
文本样式：
color：设置文本颜色
red #abc123 rgb(20,250,30)
text-align：设置元素水平对齐方式
left center right
text-indent：设置首行文本的缩进
line-height：设置文本的行高
text-decoration：设置文本的装饰
none默认，标准文本
underline：定义文本下划线
overline：定义文本上划线
line-through：定义穿过文本的一条线
鼠标样式：
cursor：
default-默认光标；pointer-超链接指针；wait-等待状态；crosshair-鼠标呈现十字状；text-指示文档；help-指示可用的帮助。
背景样式：
| background-color | 背景颜色 | |
| background-image | 背景图片 | url（图片路径） |
| background-repeat | 背景重复方式 | no-repeat |
| background-position | 背景定位 |
像素 left/right/center top/bottom/center |
简写：background：图片地址，图片重复方式，背景颜色，背景定位
列表样式：
list-style-type
list-style-image
list-style-position
list-style
列表标记属性
自定义列表标记图片
列表标记定位
css伪类：
link 单机访问前
visited 单机访问后
hover 鼠标悬浮其上
active 单击未释放
盒子模型：
border-style 四个边框的边框线
none 无边框；solid 实线边框；dashed 虚线边框；dotted 点状边框；hidden与none相同，应用于解决边框冲突。
border-color 四个边框的颜色
border-width 四个边框的粗细
border 同时设置四个边框的粗细、颜色、样式
margin 外边距
padding 内边距
box-sizing 与padding组合使用
content-box 盒子的实际宽度和高度仅应用于元素内容，不包括内边距和边框；
border-box 盒子的实际高度和宽度包括元素内容、边框和内边距；
标准文本流：
display
none 设置元素不会被显示;inline 元素显示为内联（行内）元素;block 元素会被显示为块级元素; inline-block 行内块元素
浮动流：
float 浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
left 左浮动；right 右浮动；
clear 属性规定了在元素的哪一侧不允许有浮动
left 在左侧不允许浮动元素；right 在右侧不允许浮动元素；both 在左、右两侧不允许浮动元素。
定位流：
position
relative 相对定位；使用了相对定位的元素【不会】 脱离标准文档流；基于 自身原来在网页中的位置 进行偏移；所有定位元素都基于 top、left、right、bottom四个方位进行偏移
absolute 绝对定位；使用了绝对定位的元素【会】 脱离标准文档流；使用了绝对定位的元素以它最近的一个“已经定位”的“祖先元素” 为基准进行偏移。如果没有已经定位的祖先元素，那么会以浏览器窗口为基准进行定位；所有定位元素都基于 top、left、right、bottom四个方位进行偏移
fixed 固定定位；使用了固定定位的元素【会】 脱离标准文档流；基于 浏览器窗口 进行偏移； 所有定位元素都基于 top、left、right、bottom四个方位进行偏移
一般情况下，relative与absolute组合使用
z-index 调整元素定位时重叠层的上下位置；z-index属性值：整数，默认为 0；设置了positon属性时，z-index属性可以设置各元素之间的重叠高低关系；z-index值大的层位于其值小的层上方
css伪元素；animate动画；
overflow：auto 自适应，如果内容被修剪，则浏览器会显示滚动条来查看超出内容
hidden 内容会被修剪，并且超出的内容是不可见的
transition 动画效果；transform: scale(1.2);放大1.2倍