css文本样式text、字体样式font

文本样式text

1.文本颜色color

例如h1 {color:red;}

2.文本方向direction，不常用

默认ltr从左到右，rtl表示从右到左

3.文本水平对齐方式text-align

如果文本方向为ltr即从左到右则默认左对齐，如果文本方向为rtl即从右到左则默认右对齐

left、center、right、justify分别表示左对齐、居中、右对齐、两端对齐

4.文本垂直对齐方式vertical-align，一般表格中会用到

默认为baseline，放在父元素的基线上

sub、supper垂直对齐文本的下标、上标，top、middle、bottom把元素的顶端与行中最高、中间、最低元素的顶端对齐，text-top、text-bottom把元素的顶端与父元素字体的顶端、低端对齐

5.设置或删除文本的装饰text-decoration

默认为none标准文本，这对于链接来说会去掉下面的下划线

underline、overline、line-through、blink分别表示文本下的一条线、文本上的一条线、穿过文本的一条线、闪烁的文本

6.文本首行缩进text-indent

默认0不缩进，text-indent:50px表示缩进50px

7.单词间距word-spacing，仅对英文单词有效，不常用

默认为normal，word-spacing:30px表示单词之间的间距为30px

8.字符间距letter-spacing，不常用

默认为normal，letter-spacing:2px表示字符间距为2px，字符间距可取负值

9.行高line-height

默认为normal，可通过具体值或者n%表示

10.文本转换text-transform

uppercase、lowercase、capitalize分别表示将英文字母转换为大写、小写、单词首字母大写

11.元素内空白的处理方式white-space

默认为normal被浏览器忽略，

nowrap：不换行，在上一行继续进行，直到遇到<br>换行标签

pre：被浏览器保留，类似html中的<pre>标签

pre-nowrap：保留空白符序列，但是正常地进行换行

pre-line：合并空白符序列，但是保留换行符

12.文本阴影text-shadow

默认为none

如果有阴影则需指明水平和垂直方向，即h-shadow v-shadow

语法text-shadow:h-shadow v-shadow blur color

字体样式font

1.字体系列font-family，不常用

如果字体系列的名称超过一个字，则必须用引号；应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体将尝试下一种

font-family:"Times New Roman", Times, serif;

2.字体样式font-style

默认为normal正常字体，italic表示斜体，oblique和italic非常类似

3.字体大小font-size

字体大小用像素px表示，在ie中常用em来表示字体大小

默认字体大小为16px，即1em

4.字体粗细font-weight

默认为normal正常，lighter、bold、bolder分别表示细、粗、更粗的字体

也可直接用数值100-900表示，font-weight:400等同于normal，700等同于bold

5.小型大写字母font-variant

默认为normal正常，small-caps会显示小型大写字母的字体

例如对“My name is Hege Refsnes.”设置small-caps后，显示效果如下

上述所有设置字体的属性可集合在一起，直接通过font属性表示，按需选择即可。