CSS基础——文本属性，文字魅力

color 属性用于定义文本的颜色
text-align 属性用于设置文本内容的水平对齐方式
text-decoration 修饰文本
text-indent 文本缩进
line-height 设置行间距

设置文本颜色

color

p{
  color:red;
}

效果图：

属性值有三种表示方式

一般用十六进制表示颜色。

文本对齐

text-align用于设置元素内文本内容的水平对齐

p{
    text-align:center;
}

修饰文本

text-decoration

p {
    text-decoration: underline;
}

文本缩进

text-indent

p{
    text-indent:2em
}

注意：

1. em 是一个相对单位（相对于当前文字的大小），如果当前没有设置大小，则按照父元素的文字大小
2. 除了使用 em 作为单位，还可以使用 px

行间距

line-height 设置行间的距离（行高）

p {
    line-height: 30px;
}

注意：

1. 行距是指上一行文字的最低位与下一行文字最高位的距离
2. 行间距的属性值可以使用%，是基于当前字体尺寸的百分比行间距；还可以使用数字（没有单位），此数字会与当前的字体尺寸相乘来设置行间距

文本属性总结