文本、列表、边框、浮动

###文本属性
   1  字体类型： font-family
     字体大小font-size
     浏览器默认字体大小是16px,允许设置的最小字体为12px
     单位：px/%/pt/em/rem         rem 是移动端
    em:相对于父元素的字体大小
2.**字体--微软雅黑，宋体，黑体
         当字体是中文字体时，需加双引号；
　　 当英文字体由多个单词组成时，需加双引号如（“Times New Roman”）
　　 当英文字体只有一个单词组成是不加双引号；如：（Arial）；
　　 Windows中文版本操作系统下，中文默认字体为宋体或者新宋体，英文字体默认为Arial.
3.**字体颜色color
　　#e4393c六位十六进制表示法
　　rgb(56,88,222)每一位数字0-255之间
　　白色#fff,rgb(255,255,255)
　　黑色#000,rgb(0,0,0)
4.**文本的粗细font-weight
　　bold粗/bolder更粗/lighter细/normal常规/100-900
5.文本倾斜font-style:italic;
6.**文本和图片的水平对齐方式text-align
　　{ 注意这里：如果你想整个大的p文本段落居中，且不是全部文档居中，想左对齐，
　　body{
　　text-align: center;
　　}
　　p{
　　text-align: left;
　　}
　　}
　　left左/right右/center居中/justify两端对齐
　　图片的居中设置在父元素上而不是img上
/******/7.vertical-align:middle 垂直对齐方式
　　常用在调节img旁边的文本(<img src="img/02.png" class="photo"/>这是img旁边的字,(ps 不要理解成加一个p标签的文本文字)),给img设置(img{
　　vertical-align:middle;
　　})

8.文本线条修饰text-decoration（常用在a标签去除下划线）
　　　　none无/underline下划线/line-through删除线
9.行高line-height--单行文本所占的高度（这里注意的是，不是整体p标签的高度，而是你写了的文字，每一行的高度，不是一个p的高度）
　　　　*单行文本垂直方向居中设置行高为父元素高度
/**10.首行缩进text-indent:32px;
　　　　text-indent:2em;
　　　　可以取负值--悬挂式缩进text-indent:-9999px;       （这里意思就是将浏览器识别不了的图片用文字介绍，但是不想给用户看到，所以挤远一点，个人理解）
/**11.字间距letter-spacing
   12.font简写属性
   　　font:font-weight font-sytle font-size/line-height font-family;
###列表属性
1.定义列表符号样式
　　list-style-type：disc(实心圆)/circle(空心圆)/square(实心方块)/none(去掉)；
2、使用图片作为列表符号
　　list-style-image：url(所使用图片的路径及全称)；
3、定义列表符号的位置
　　list-style-position:outside(外边)/inside(里边)；
***去掉列表标识符list-style:none;
　　###边框border
　　设置四个方向border:粗细 样式 颜色;
　　粗细：1px
　　样式：solid直线/dotted点状线/虚线dashed
　　颜色：#e4393c rgb()
　　例如border:1px solid red;四个方向的边框都是1px直线红色
　　单方向的边框设置
　　border-top上
　　border-bottom下
　　border-left左
　　border-right右
例如border-top:1px solid red;
###浮动
文档流默认排列方式:块级元素由上到下,内联元素由左到右
float:left左浮动/right右浮动
浮动的元素会脱离文档流
建议：浮动的元素外层包一个div（意思是要有边界，就是父类）,如果该行有浮动那么让这一行的元素都浮动,父元素要设置高度
浮动停止的条件：碰到父元素或浮动元素