1、 css背景
background-color背景颜色
background-image背景图片地址
background-repeat是否平铺
background-position背景位置
background-attachment背景固定还是滚动
背景的合写（复合属性）background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置
2、浮动float
左右浮动
left元素向左浮动
right元素向右浮动
none元素不浮动（默认值）
浮动脱离标准流，====脱标==== 不占位置，会影响标准流。浮动只有左右浮动。
清除浮动
1.解决浮动的bug就是直接给浮动的父标签加高，但是不方便
2、选择器{clear:属性值;} clear 清除
left不允许左侧有浮动元素（清除左侧浮动的影响）
right不允许右侧有浮动元素（清除右侧浮动的影响）
both同时清除左右两侧浮动的影响
3、解决浮动的bug可以设置溢出隐藏overflow: hidden;
4、解决浮动的bug借用多余标签给浮动的元素下边加一个空标签
.clear{
clear: both;
*zoom:1;
}
5、解决浮动的bug可以借用伪标签实现
.clearfix:after {
content: “”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
*zoom: 1;
}
3、定位position
在CSS中，position属性用于定义元素的定位模式，其基本语法格式如下：
选择器{position:属性值;}
position属性的常用值：
static自动定位（默认定位方式），静态定位唯一的用处： 就是 取消定位
relative相对定位，相对于其原文档流的位置进行定位，是按照每加定位之前移动， 相对定位脱离文档流，但是保留所占位置
absolute绝对定位，相对于其上一个已经定位的父元素进行定位，加了定位以后原点坐标：是上一个具有定位属性父标签的左上角，如果父标签没有定位，就以body的左上角为原点
fixed固定定位，相对于浏览器窗口进行定位，固定定位完全脱标，不占有位置，不随着滚动条滚动。
4、 元素的显示与隐藏
1.display 设置或检索对象是否及如何显示。
display : none 隐藏对象 与它相反的是 display:block 除了转换为块级元素之外，同时还有显示元素的意思。
特点： 隐藏之后，不再保留位置。
2、设置或检索是否显示对象。
visible : 对象可视
hidden : 对象隐藏
特点： 隐藏之后，继续保留原有位置。
3、overflow 溢出
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
visible : 不剪切内容也不添加滚动条。
auto : 超出自动显示滚动条，不超出不显示滚动条
hidden : 不显示超过对象尺寸的内容，超出的部分隐藏掉
scroll : 不管超出内容否，总是显示滚动条
5.CSS用户界面样式
1.鼠标样式
cursor : default 小白 | pointer 小手 | move 移动 | text 文本
2.轮廓 outline
是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
3、防止拖拽文本域resize
resize：none 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域。
vertical-align 垂直对齐
4、垂直对齐
以前我们讲过让带有宽度的块级元素居中对齐，是margin: 0 auto;
以前我们还讲过让文字居中对齐，是 text-align: center;
vertical-align : baseline |top |middle |bottom 不影响块级元素中的内容对齐，它只针对于 行内元素或者行内块元素，特别是行内块元素， 通常用来控制图片/表单与文字的对齐。
5、清除图片白边
vertical-align: middle;/1.清除图片的白边/
display: block;/2.清除图片的白边/
float: left;/3.清除图片的白边/
6、省略号
overflow: hidden;溢出隐藏
white-space: nowrap;多余的不要了直接舍弃
text-overflow: ellipsis;把多出来的直接转换为省略号