--2020.1.5
--margin和padding是控制距离
margin兼容：如果两个元素都margin,大多数浏览器之间会有重叠部分。比如，相邻元素a和b，a的margin-right：20px，b的margin-left：20px，ab之间的距离不会是40px
margin和padding优先使用right和bottom
如果设置距离可以选择padding或者margin，优先使用margin
margin和padding取值个数不同 设置方向不同：
margin：0px 上下左右都是0px
margin：10px 20px 上下10px 左右20px
margin：10px 20px 30px 上 左右 下
margin：10px 20px 30px 40px 上10px 右20px 下30px 左40px
--字体
font-family：name
font-famliy:"黑体"
--大小
font-size：absolute-size|relative-size|length
em单位计算 larger| small
length：百分数|由浮点数字和单位标识符组成的长度值，不可为负值。其中百分比取值是基于父对象中字体的尺寸
p{font-size:12px;}（绝对大小）
p{font-size:20%;} (相对大小）
常用单位: 绝对单位：px ，相对：%（相对于默认字体),em (1em=100%)
200%=32px 字体大小很少使用，通常用em百分比例
--颜色
color:color #rrggbb三个两位十六进制正整数，取值范围为：00-F
rgb（RGB）表示红绿蓝的正整数或百分数数值
color颜色名称：不同的浏览器会有不同的预定义颜色名称0-255，0-255，0-255）rgba（红色0-255,绿色0-255，蓝色0-255，不透明度0-1）
--文字的粗细
font-weight:normal | bold | bolder | lighter | number
bold:粗体，相当于number为700，也相当于b对象的作用
文字的下划线、顶划线、删除线
text-decoration:none:无装饰 | underline：下划线 || blink： 闪烁（不兼容） || overline：上划线 || line-throygh：删除线贯穿线
--Folat：对象浮动效果
其值分为三个
left：对象在左边；right：对象在右边；none：对象不浮动
例：*{
color：#；
}
section{
width：；
height：auto（自动调节）；
}
section>h2{
font-size:20px;
border-bottom:设置下划线 #color；
paddin-bottom：10px；
}
section >img{
margin-right:10px;
float:left;
}
--段落对齐，
text-align：left | right | center | justify两端对齐
vertical-align:baselin | sub | super | top | text-top | middle | bottom | tetx-bottom | length
top：将支持valign特性的对象的内容与对象顶端对齐
middle：将支持valign特性的对象的内容与对象中部对齐
bottom：将支持valign特性的对象的内容与对象低端对齐
vertical-align：只适合本身有valign属性 的
块级元素垂直居中：让height和line-height相同
--行高和字母间距
line-heigt：normall：默认行高 | length：百分比数字 | 由浮点数字和单位标识符组成的长度值，允许为负值。其百分比取值是基于字体的高度尺寸
--letter-spacing：normal：默认间隔 | length：由浮点数字和单位标识符组成的长度值，允许为负值。
