css属性（一）

margin

margin-top:数值; 上边距
margin-left:数值; 左边距
margin-right:数值; 右边距
margin-bottom:数值 下边距
margin:top right bottom left;
margin:top left-right bottom;
margin:top-bottom left-right;

border

边框线型样式:
border-style: dashed/dotted/double/solid(虚线 点线 双线 实线);
边框颜色:
border-color:颜色值;
边框宽度:
border-width:数值;
合三为一:
border:宽度 颜色 线型;
边框的方向性:
上边框:
border-top:宽度 颜色 线型 ;
下边框:
border-bottom:宽度 颜色 线型;
左边框:
border-left:宽度 颜色 线型;
右边框:
border-right:宽度 颜色 线型;

font

font-weight:字体的粗细
font-style:字体样式
font-variant:字体异体
font-size:字体大小
font-family：字体
line-height：行高

background

1.背景颜色
background-color:颜色值;
2.背景图片
background-image:url(图片路径);
3.背景图片大小
background-size: 宽度px 高度px;
4.背景重复
background-repeat:no-repeat/repeat-x/repeat-y;
5.背景偏移
background-position:X的值 Y的值;
正值往下往右，负值往上往左

position

position:static; 默认值， 没有定位
position:absolute;绝对定位 参考网页内容 参考上一个被定位的元素
position:relative;相对定位 参考自身原本的位置
positon:fixed;固定定位 参考浏览器窗口 ;
定位通过上下左右的数值来改变位置

padding

上内边距
padding-top:数值;
下内边距
padding-bottom:数值;
左内边距
padding-left:数值;
右内边距
padding-right:数值;

display

display:block; 把行级元素转成块级元素
display:inline; 把块级元素转成行级元素
display:none; 元素不显示
当两个都是块级时，两个都要转行级
只有一个块级时，只需要转一个为行级
块级元素是：该标签前面和后面都会自带换行
行级元素是：没有换行 ，不会自动换行

其他

float:left / right;
左浮动 右浮动
清除浮动:(写在下一个div中，用来清除上方的div浮动)
clear: left/ right / both;
清除 左浮动 右浮动 全部清除
text-align:文本对齐方式（center,left,right）
text-indent:首行缩进
box-sizing:盒模型