背景，font属性与字体属性，列表， float,清除浮动

font属性与字体属性
CSS选择器：
http://file.mukewang.com/class/assist/184/3661251/CSS属性选择器.pdf
text-align：left/right/center/justify
<左对齐/右对齐/居中对齐/两端对齐>
注：只对块级元素有效
text-indent：2em 首行缩进两字符
line-height属性
设置元素中文本行高
1.line-height：长度值/
注：行高单位要用em、% ； em、%跟字体大小有关系
不同浏览器默认行高不一样，一般默认行高为120%
2.可继承父元素，但是继承的是计算后的值，不是直接把em或%的值计算过来
vertical-align属性
1.设置元素内容的垂直方式，对行内元素生效，对块级元素无效
vertical-align：baseline | sub | super | top | text-top | middle | bottom | text-bottom | 长度 | 百分比
注： <基线对齐 | 上标 | 下标 | 顶端对齐 | 文字顶端对齐 | 中部对齐 | 底端对齐 | 文字底端对齐>
<长度 | 百分比：向上移正数，向下移负数>
2.还可以应用于单元格元素
3.文字垂直居中，水平对齐
1）单行：line-height属性设置跟height一样，text-align：center；
例：{height：300px；width：100%；line-height：300px；text-align：center}
2）多行：父元素子元素都添加：display：table-cell，text-align：center；
文本样式属性
1.word-spacing：设置元素内单词之间间距，单词的判断以空格为准
2.letter-spacing：设置元素内字母之间间距
3.text-transform：设置元素内文本的大小写
text-transform：capitaliza | uppercase | lowercase | none
注：capitaliza首字母大写 | uppercase字母大写 | lowercase字母小写 | none没有任何设置效果
4.text-decoration：设置元素内文本的装饰
text-decoration:underline | overline | line-though | blink | none
注：underline下划线 | overline上划线 | line-though贯穿线 | blink闪烁效果 none没有任何效果|

个人不太用的忘记的属性：
vertical-align 运用到表格，与行内元素中
诺在div中运行，则添加display:table
在文本的内容的div填写：display:table-cell

技巧：
单行文字垂直居中：将line-height属性设置和元素一样高
单行文字水平对齐：text-align：center

多行文字垂直居中：

1. 先用display属性将div转换为table的表格元素，变为行内元素（display：table-cell），同时也将div的父元素div也转换为table元素（display：table）
   2.再用vertical-align：middle将单元格垂直居中
   多行文字水平居中：text-align：cente
   
   背景和列表的总结链接：
   http://file.mukewang.com/class/assist/187/4698985/背景与列表.pdf

列表添加前面的元素：
ul li{
list-style:url(“http://climg.mukewang.com/58dc9e4e0001ba9000160016.png”);
}

float问题：
课程float属性：
left right none
clear清除浮动：
left right both(设置左边清左边，设置右边…)
清除float的影响:
方法有很多种：
1.）父类名:after{
content:".";
height:0;
display:block;
visibility:hidden;
clear:both;
}
2.)父类中添加{
overflow:hidden;
}
3.在浮动容器中最后一个元素后面添加一个空类；

.clear{ clear:both; } 4.)给浮动元素一个固定div,框住它 5.)给父类也添加浮动，(滑稽)一起飘 还有一个忘了，就前面1，2用的多