CSS简介---字体，文本

3  字体属性

CSS Fonts（字体）属性用于定义字体系列，大小，粗细，和文字样式（如斜体）。

3.1 字体系列

CSS使用font-family属性定义文本字体系列。

语法

h2 {

font-family:'微软雅黑';

}

注：各种字体中间必须使用英文状态下的逗号隔开

一般情况下，如果有空格隔开的多个单词组成的字体，加引号

尽量使用电脑自带字体，保证显示

3.2 字体大小

CSS使用font-size属性定义文本字体大小。

body {

font-size: 25px;

}

注：px（像素），字体大小一定要带单位。

标题标签比较特殊，需要单独指定文字的大小。

3.3  字体粗细

CSS使用font-weight属性定义文本字体粗细。

3.4  文字样式 

CSS使用font-style属性定义文本字体样式。

语法

p {

   font-style:normal;

}

注：一般都是将斜体标签（em ，i ）改为不倾斜字体。

总结：

 4  CSS文本属性

CSS Text（文本）属性可定义外观，比如文本的颜色，对齐文本，装饰文本，文本缩进，行间距等等。

4.1  文本颜色

color 属性用于定义文本的颜色。

语法

div {

   color：red;

}

4.2  对齐文本

text-align属性用于设置元素内文本内容的水平对齐方式。

4.3  装饰文本

text-decoration属性规定添加到文本的修饰，可以给文本添加下划线，删除线，上划线等。

div {

  text-decoration：underline;

} 

注：none    默认，没有装饰。

      underline 下划线，链接a自带下划线（常用）

      overline    上划线 （几乎不用）

      line-through   删除线 （不常用）

4.4  文本缩进

text-indent属性用来指定文本的第一行的缩进，通常是将段落的首行缩进。

div {

   text-indent: 20px;

}

注：em是一个相对单位，就是当前元素（font-size）1个文字的大小，如果当前元素没有设置大小，则会按照父元素的1个文字大小。

4.5  行间距

line-height属性用于设置行间的距离（行高），可以控制文字行与行之间的距离。

p {

    line-height: 25px;

}

总结：

 5  CSS引入方式

按照CSS样式书写的位置（或者引入的方式），CSS样式表可分为三大类：

行内样式表（行内式），内部样式表（嵌入式）{在同页面内，在head标签内}，外部样式表（链接式）（用link标签引入）。

5.1  行内样式表

是在元素标签内部的style属性中设定CSS样式，适合于修改简单的样式。

<div style="color:red;font-size:12px;">文本内容</div>。