1.2-1css常用字体属性与文本属性

CSS 常用样式

字体属性（可以继承给后代）

1.粗细 font-weight
作用：设置文字是否加粗显示。
属性名：font-weight(属于 font 属性的一个单一属性)
属性值有两种方式：单词类型、数字类型。

单词类型

属性值	说明
normal	定义标准的字体（默认值）
bold	定义粗体字符（b,strong标签的默认值）
bolder	定义更粗的字体
lighter	定义更细的字体

数字类型
用100-900 之间的整百数字来设置粗细。
数字越大，文字显示越粗。
其中 400 等价于 normal，700 等价于 bold。

2.字体风格 font-style
作用：设置文字是否斜体显示。
属性名：font-style（属于 font 属性的一个单一属性）
属性值： 单词

属性值	说明
normal	设置正规字体（大多数标签的默认值）
italic	设置斜体的文字，主要针对英文，要求英文以字体中的斜体进行显示（实际应用中，更多的斜体效果习惯使用italic属性值。）
oblique	设置倾斜的文字，只是将文字倾斜显示，与字体无关

3.行高 line-height
作用：设置的是一行文字实际占有的高度，文字字号在行高中是垂直居中的。
属性名：line-height，属于 font 属性的一个单一属性。

属性值	说明
px像素值	设置行高的具体像素值
百分比数值	设置字号的百分比数值（字号是10px，行高为100%则为10px，行高设置200%则为20px）

实际应用中，行高的数值通过设计图获取，量取数值时需要使用一些辅助软件工具:
Fireworks软件
Fireworks软件初始设置：选中文字工具，在属性栏中将平滑消除锯齿，更改为不消除锯齿，方便文字的像素点清晰显示

量取行高的步骤
第一步：确定文字字号和字体。使用文字工具，书写两个与内容相同的文字，调整字号和字体，直到两个文字都完全重合，就是我们需要的字号和字体。制作时，设置一个与内容文字颜色差异较大的字体颜色。
第二步：根据已知的字号和字体，再书写上下对齐的两行文字，调整属性面板的行高值单位为像素，更改数值大小，直到两行文字都对齐，得到的就是我们需要的行高值。

4.字体综合 font
字体、字号、行高、加粗、斜体都是font综合属性的单一属性。
font属性五个单一属性的值可以进行合写，属性值可以有2到多个，值之间用空格进行分隔。

• 写法1
  font进行综合书写时，必须有字号和字体参与，而且必须字号在前，字体在后，不能颠倒顺序。
  p {font: 10px "宋体";}
• 写法2
  font属性经常对字体、字号、行高进行合写，书写顺序必须是字号、行高、字体，字号和行高之间必须用/进行分隔。
  p {font: 10px/20px "宋体";}
• 写法3
  如果font属性需要设置加粗和斜体，两个属性值只能写在最前面，两个值之间可以互换位置。后面的字号、行高、字体不能更改位置。
  p {font: bold italic 10px/20px "宋体";}

文本属性（可以继承给后代）

文本类样式我们已经学习过颜色 color 属性，严格来说行高 line-height 也是文本类属性，由于其可以合写在 font 属性中个，暂时先归类到字体中学习，接下来还有几个常用的文本属性。

水平对齐 text-align

作用：设置文本水平方向的对齐。
在盒子中，不论文本是单行还是多行，都会对应方向对齐。
属性值：三个方向的单词

属性值	作用
left	居左对齐，大部分标签的默认对齐方式
right	居右对齐
center	局中对齐

文本修饰 text-decoration

作用：设置文本整体是否有线条的修饰效果。

属性值	作用
none	没有修饰，大部分标签的默认效果(常用来去掉<a>标签的下划线)
overline	上划线
line-through	中划线，删除线<del>标签的默认值
underline	下划线，<a>标签的默认值

文本缩进 text-indent

作用：设置段落首行是否进行缩进。

属性值	说明
px单位	首行缩进多少像素
em单位（常用）	首行缩进几个中文字符的位置（缩进位置大小会随着字号大小改变）
百分比	缩进文字所在标签的父级标签的width属性值的百分比

实际工作中，最常使用 em 为单位的属性值。
属性值区分正负，正数表示向右缩进，负数表示向左缩进。