CSS文字文本样式（十一）

1 font字体

1.1font-size:大小

• 作用
  font-size属性设置字体的字号

p{
font-size:10px;
}

• 单位
  可以使用相对长度单位，也可以使用绝对长度单位
  相对长度单位较常用，推荐使用像素单位（px），绝对长度单位使用较少。

• 注意：
  谷歌浏览器（Google Chrome）默认的文字大小为16px
  不同浏览器默认的字体大小都不同，我们在设置的时候要尽量给一个字体的大小，不要默认大小。

1.2 font-family:字体

• 作用：
  font-family属性用于设置文字字体

p{
font-family:"微软雅黑";
}

也可以同时指定多个字体，中间以英文状态下的","隔开，表示如果不支持前面的字体则会进行识别下一个字体，直至可以找到适用的字体（如果都没有的话，则会使用本机默认字体）。

p{
font-family:"微软雅黑","黑体","宋体";
}

• 注意
  在设置字体的时候尽量使用字体的英文名称来给字体设置样式

常用字体

1.3 font-weight:字体粗细

• 在html中如何将字体加粗我们可以用标签来实现
  用b和strong标签是文本加粗。
• 可以使用CSS来实现，但是CSS是没有语义的。
  

1.4 font-style:字体风格

• 在html中如何将字体倾斜我们可以用标签来实现
  字体倾斜除了用i 和em标签，
• 可以使用CSS来实现，但是CSS是没有语义的

font-style属性用于定义字体风格，如设置斜体、倾斜或正常字体，其可用属性值如下:

1.5 font:综合设置字体

font属性可以对字体样式进行综合设置

• 语法

选择器{ 
font: font-style font-weight font-size font-family;
}

• 注意
  使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。
  其中不需要设置的属性可以省略（取默认值)，但必须保留font-size和font-family属性，否则font属性将不起作用。

1.6 font总结

2 CSS外观属性

2.1 color:文本颜色

• 作用：
  color属性用于定义文本的颜色
  取值方法
  

2.2 text-align:文本水平对齐方式

• 作用
  text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性
• 属性
  
  注意点：是让盒子里面的内容水平居中，而不是让其盒子本身居中对齐

2.3 line-height:行间距

• 作用：
  line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高

• 单位
  line-height常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的是像素px。

2.4 text-indent:首行缩进

• 作用：
  text-indent属性用于设置首行文本的缩进。
• 属性值：
  其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值
  建议使用em作为设置单位。

1em就相当于一个汉子的宽度

2.5 text-decoration 文本的装饰

CSS外观的总结