css常用的属性

1.图片属性
1）让图片充满整个块级区域：bacground-size:100% 100%;
2）图片高度和宽度很小时，不让图片重复：bacrground:no-repeat;
3）图片定位：background-position:20px 13px;向右20px 向下13px
4）颜色的渐变效果：background-image:linear-gradient(to bottom rigtht,red,yellow)从左上角开始，到右下角线性渐变·

2.变形函数
1）偏移函数：transform:translate(10px,5px) 向右偏移10px向下偏移5px
2）放大缩小函数：
transform:scale(1.2) 整体扩大1,.2倍
transform:scale(1.2,1.4)左右扩大1.2倍，上下扩大1.4倍
3)倾斜角度函数：
transform:skewX(10deg) x轴 倾斜角度 （deg是j角度单位）
transform:skewY(10deg) y轴 倾斜角度
4）旋转角度函数：
transform:rotate(10deg) 按照旋转中心顺时针旋转10度

配合变形函数的使用：
transition: all 5s ease 1s；
过度效果：al：l给所有属性添加过度，一般都是用all；5：过度完成5s；ease：过度方式的默认值；1s：预先停留1s

当要同时使用两个函数时，必须添加到一个transform上
例如：旋转加放大：transform：rotate() scale();
避免塌陷问题(不会产生其他问题)
.clear:after{
content:";
display:block;
clear:both;
}
添加在盒子的position：relative；这个盒子上

其他属性

1.margin:0 auto 水平居中 ----前提是块级元素（设置过宽，高的）
2.line-height: -----垂直居中
3.border： -----边框
4.cellspacing：0 ------表格中设置带有边框的会出现双边框，加上之后，改成单边框
5.verticval-align:middle；------图片后面根问，文字垂直居中
6.text-decoration：none-----去除潮连下划线
7.text-align：center文字水平居中
8.float:left-------向左浮动让块级元素一行