（一）分类
1.内联样式：写在标记的属性位置，优先级最高，重用性最差
2.外联样式表：写在页面的head中，优先级第二，重用性一般
3.外部样式表：写在一个以css结尾的文件中，通过引用来建立文件与html页面的关系，优先级最低，但是最灵活最好用，重用性最好
（二）选择器
1.class选择器 .写class名字{} 可以重名，2个或多个的时候，用逗号隔开 .class选择器可以选择很多
2.id选择器 #写id名字{} id不能重复，只能有一个
3.标签选择器 标签名{} 优先级最低，能选中一堆元素，不建议使用
4.特殊选择器
并列，用逗号隔开
后代，空格隔开
（三）样式表
1.大小
width 宽度 height 高度
2.背景
background-color - 背景色 background-image - 背景图片 background-repeat-背景图的平铺方式
background-position-背景图片位置 background-attachment-设置背景图片是否滚动 background-size-背景图大小
3.字体
font-family - 字体样式 font-size - 大小 font-style:italic-字体倾斜 font-weight:字体加粗 color-字体颜色
text-decoration:underline下划线/overline上划线/line-through删除线/none没有，用来去掉超链接的下划线
4.对齐方式
text-align - 水平对齐 line-height - 行高 text-indent - 缩进
vertical-align - 垂直对齐方式，配合display:table-cell;
5.边界边框
margin - 外边距 padding - 内边距 如果加了内边距，该元素会相应的变大
border：1px solid #60F 简写方式 第一个边框粗细 第二个边框样式 第三个边框颜色
boder-bottom:1px solid #60F 是 div下面加下划线
6.列表方块
list-style：none将列表前面的序号去掉 list-style-image - 可以将前面的序号变为图片
7.格式与布局
位置：position:fixed固定/absolute绝对位置-相对于父级元素（浏览器，绝对定位的上级）不会占位置
relative相对位置 -相对于自身应该出现的位置 会占位置
top left right bottom 定位的时候针对上下左右的距离
流：float:left/right
clear:both 清除流
z-index 分层 值越大越靠上
8.其他
display：显示block和隐藏none,不占位置
visibility：显示visible和隐藏hidden,占位置
overflow：超出范围 hidden隐藏
透明：opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)
圆角：border-radius:5px;
阴影：box-shadow:0 0 5px white;
9.
cursor - 调整鼠标的样式 pointer是小手
border -right:1px solid red ;box-sizing:boder-box; 设置右边线，如果超出外部div的宽度，box-sizing:border-box 会使边线融合到里面的div中，不超出外部
（二） 去除input按钮点击是的绿色边框
style="outline:none";