3.CSS之字体及文本控制

一、CSS控制文字属性：
1、font-size:18px;:设置字号
2、color:#093:设置字色
3、font-family:'宋体';:设置字体（可以有多种字体，两个字体之间有,分隔开，表示如果系统中有第一个字体则显示效果是第一个字体，如果没有则显示的是第二个字体的效果，以此类推）
4、line-height:150%;:设置行与行之间的距离(单位可用px或者em或者百分比)
------------------------------------------------------------------------------------
“行高“指一行文字的高度，具体来说是指两行文字间基线间的距离。在CSS，line-height被用来控制行与行之间的垂直距离。line-height 属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。所有浏览器都支持 line-height 属性。
语法： line-height : normal | <实数> | <长度> | <百分比> | inherit
-------------------------------------------------------------------------------------
5、font-weight:bold:设置字体的粗细（粗：bold 正常：normal）
6、font-variant : normal正常 | small-caps小型的大写字母字体
7、font—style:设置字体样式(normal正常，italic,oblique斜体)
8、text-decoration:修饰文字(none正常，underline下划线，overline上划线，line-through删除线 blink闪烁（只支持IE6,7,搜狐）)
9、letter-spacing:5px:字符间距（normal默认，length长度单位）
10、word-spacing:5px:单词间距(normal默认，length长度单位
-----------------------------------------------------------------------------------------------------------------------------------------------
font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等;
font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）;
font-variant (字体变化): normal（正常）或small-caps（小体大写字母）;
font-weight (字体浓淡): 是normal（正常）或bold（加粗）。有些浏览器甚至支持采用100到900之间的数字（以百为单位）;
font-size（字体大小）: 可通过多种不同单位（比如像素或百分比等）来设置, 如：12xp，12pt，120%，1em
如果用 font 属性的话，就可以把几个样式进行简化，减少书的情况；font 属性的值应按以下次序书写(各个属性之间用空格隔开)：
顺序：font-style | font-variant | font-weight | font-size | line-height | font-family
.font{font:italic small-caps bold 12px/1.5em arial,verdana;}
font的简写注意事项:
1、简写时，font-size和line-height只能通过斜杠/组成一个值，不能分开写。
2、顺序不能改变.这种简写方法只有在同时指定font-size和font-family属性时才起作用。而且，如果你没有设定font-weight, font-style, 以及 font-varient ，他们会使用缺省值
-----------------------------------------------------------------------------------------------------------------------------------------------
二、CSS控制文本属性：
1、设置文本缩进：text-indent:length(长度单位)可以负值
2、文本水平对齐方式：text-align:left左，center居中，right右
3、空白处理:white-space:nowrap(nowrap强制在一行中显示，pre换行和空格保留，normal自动换行)
4、大小写控制：text-transform:(capitalize每个单词的第一个字母大写,uppercase每个字母都大写，loowercase每个字母都小写，none正常大小）
5、文本垂直对齐方式：vertical-align:(sub设置文本为下标，super设置文本为上标 ， top与顶端对齐 ，text-bottom与低端对齐)