CSS-文本

文本样式
text-align：文本的水平对齐方式  必须用于块状元素如<div><p>
text-indent:文本的首行缩进 作用于块状元素，用来在块级元素的内容的第一行添加一定的空格，以达到首行缩进的效果，可以使用px，em，%
一般使用em 通常p{text-indent:2em;},可以使用负值，达到“悬挂缩进”
text-decoration:对文本添加线条修饰  none:没有修饰 underline：下划线  line-through 删除线
text-transform:转换文本中大小写方式，忽略源文档中的大小写，中文无效  capitalize：首字母大写  lowercase：小写 uppercase大写
text-shadow：设置文本的阴影效果，是CSS3新增属性，需要一组值而非一个值，并按照顺序来书写值，可以通过多组值设定多重阴影，达到特殊效果，多组值用逗号隔开
按顺序书写4个值 水平阴影距离>垂直阴影距离>模糊程度>阴影颜色  
{text-shadow:2px 2px 2px #666;}  {text-shadow:2px 2px 0 #fff, 3px 3px 0 #000;} :立体感


line-height：设置文本行高  将行距的值（行高-字号）/2 分别增加到内容区域的上下两边  
使用相对单位设定行高 设置为字号的150%到180%之间，浏览器默认是1到1.2倍
单行文本在容器中垂直居中：让容器的行高=容器的高度  
a{display:block;width:182px;text-align:center;line-height:40px;background:#900;color:#fff;text-decoration:none;font-family:"微软雅黑", "宋体"; font-size:18px; font-weight:bold;}
overflow：设置文本（容器内部内容）溢出的控制方式,适用于块状元素，可能是横线或者纵向溢出分为X轴（横向）和y轴（纵向）
visible：可见 hidden:隐藏 scroll：无论内容是否溢出，容器都将添加滚动条（溢出才激活） auto：当内容溢出时，容器边缘（纵向）出现滚动条
letter-spacing：设置字符之间的间距 添加在字符后面，可以是负值
word-spacing：设置词语间的间距 根据空格判断词语，最后一个单词不会添加空白间距
word-break：设置文本自动换行的方法 针对数字和英文字母排版，防止出现连续无意义的长字符打破布局
 break-all：允许文本在到达容器边缘时，可以任意位置隔开，不受词语的限制
 keep-all：不允许词语断开，只能在出现词语分隔的空格或连字符时才能换行