CSS字体属性及文本属性

CSS的字体属性
字体属性用于定义字体系列、大小、粗细和文字样式
字体复合属性（可以更节约代码）

body {
   font: font-style font-weight font-size/line-height font-family;
   }

• 使用font属性时，必须按照上面的语法顺序来写，不能更换顺序，各个属性之间用空格隔开
• 不需要设置的属性可以忽略，但必须要保留font-size和font-family这两个属性，否则font将没有作用

CSS文本属性
用来定义文本的外观，比如文本的颜色，对齐文本、装饰文本、文本缩进、行间距等
1.文本颜色(color)

div {
   color: bule;
 }

文本颜色的表达

• 预定义的颜色值，如red等
• 十六进制（开发中最常用），如#888、#FF0000
• RGB代码，如rgb(251,0,256)、rgb(0,100%,100%)
  2.对齐文本(text-align)
  用于设置水平对齐

div {
   text-align: center;
  }

属性值：center、left、right
3.装饰文本（text-decoration)
可以给文本添加下划线、删除线、上划线等

div {
  text-decoration: none;
  }

• none:默认，取消下划线或没有装饰线
• underline:下划线。链接a自带下划线
• overline:上划线
• line-through:删除线
  4.文本缩进（text-indent)
  指定文本的第一行缩进，通常是将段落的首行缩进

div {
  text-indent：10px;
  }
  通过设置，所有元素的第一行都可以缩进一定的长度，该长度可以是正值也可以是负值

除了上述还有另外一种

div {
  text-indent: 2em;
  }
  em是一个相对单位，是当前元素一个文字的大小，如果当前元素没有设置大小，则会按父元素的一个文字大小

5.行间距(line-height)
用于设置行间的距离即行高，改变的是上间距和下间距其文本高度不变

div {
  line-height: 26px;
  }

多行行距：第一行最下沿到第二行最下沿