html学习(四)CSS文字的属性使用

一、文本属性

  在css样式中，有许多属性用于控制文本的格式化，例如对齐方式、行高、文本缩进字母和单词间距等属性。

1. text-indent
   缩进文本，设置行的缩进大小，值可以为正值或负值，单位可以用em、px或百分比。
2. text-align
   水平对齐，设置文本的水平对齐方式，取值为left、right、center、justify
3. vertical-align
   设置文本的垂直对齐方式，取值bottom、top、middle、baseline。
4. word-spacing
   字间距，设置字(单词)之间的标准间隔，默认normal
5. letter-spacing
   字母间隔，设置字符或字母之间的间隔
6. text-transform
   字符转换，设置文本中字母的大小写，取值none、uppercase、lowercase、capitalize
7. text-decoration
   文本修饰，设置段落中需要强调的文字，取值none、underline(下划线)、overline(上划线)、line-through(删除线)、blink(闪烁)
   
   

二、字体属性

  字体是字母和符号的样式集合。虽然字体之间可能会有一定的差异，但总体特征基本相同。

1. color
   文本颜色，设置文本的颜色。例如red，#ff0000,rgb(0,0,0)等格式.

2. font family
   字体类型，设置文本的字体，可以取值宋体、隶书以及Seri、Verdana等。

3. font-style
   字体风格，设置字体样式。取值normal正常) 、italic(斜体) oblique(倾斜)，通常情况下italic和oblique文本在Web浏览器中看上去完全一样

4. font-variant
   字体变形，设定小型大写字母。取值normal(正常)、small-caps(小型大写字母)

5. font-weight
   字体加粗，设置字体的粗细。取值可以是bolder(特粗体)、bold(粗体)、normal(正常) 、lighter(细体)或100~900之间的9个等级。其中900对应bolder，700对应bold，而400对应normal。有些视觉上差别不是很大,但对于搜索引擎来说可以提高当前页面权重。

6. font-size
   字体大小，设置文本的大小。值可以是绝对值或相对值，其中绝对值从小到大依次为xx salx small small . medium(默认)、arge.xlarge.xx lage;单位可以是pt或em,也可以采用百分比(%)的形式。

7. line height
   行间距，设置文本的行高。即两行文本基线之间的距离。

8. font
   字体简写，属性的简写可用于一次设置元素字体的两个或更多方面，书写顺序为font-style、 font-variant、 font-weight 、font-size、 line-height、 font-family。