CSS属性

CSS的字体属性和文本属性

CSS在HTML页面中占据很大一部分的地位，它帮助我们的页面更加的美丽，并且符合大众的审美要求，下面我们就来看一看我们的HTML页面是怎么变得美观大方的！

• CSS字体属性

  由于CSS字体属性总体的难度不太大，我这里用一张表格把常见的用法给大家列举一下^ - ^！

  属性	属性值	说明
  font-family	一般为"Microsoft Yahei"(微软雅黑)	定义文本的字体系列(通常给body元素指定)
  font-size	number+px(如：14px)	定义字体的大小(以px作为单位使用)
  font-weight	normal、bold(加粗)、bolder、number	定义字体的粗细(通常我们显示不加粗为font-weight：400； 显示加粗为font-weight：700)
  font-style	normal(默认)、italic（斜体）	设置文本的风格

  我们为了代码的简洁性，可以进行CSS字体属性的连写（非常重要的一点，简写格式顺序必须和下面一样，否则会出现错误）：

  ​ font: font-style font-weight font-size/line-height(行高) font-family；

  举例：
  body {
  	font: italic 700(加粗效果) 12px "Microsoft Yahei";
  }
  

• CSS文本属性

  属性	属性值	说明
  color	预定义颜色值(red、blue);十六进制(如#ffffff,开发常用 )；RGB代码(rgb(255.0.0))	表示文本的颜色
  text-align	left、right、center	表示文本的位置
  text-decoration	none(默认，最常用)、underline、overline(上划线)、line-through(删除线)	表示文本的装饰
  text-indent	nember+em(相对单位)，(如2em；1em=16px)	表示文本缩进的距离
  line-height	number+px	表示行间的距离

  这里我们对line-height(行高)进行一些重要的补充，是容易混淆的内容，希望能帮到你们！

  这里的行高line-height(也称行间距)，包括三部分内容：上间距、文本高度、下间距，不单单只是文字的高度，不要弄错哦！
  

所以我们在计算行高的时候要去找出这三部分的距离，然后总和就是行高的距离啦！！！