关于前端:CSS-设置文本属性

1、文本色彩

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

div {
    /*1、属性值能够为预约义的色彩值*/
    color: red;
    /*2、属性值能够为十六进制的色彩值*/
    color: #FF00FF;
    /*3、属性值能够为RGB的色彩值*/
    color: rgb(255, 0, 0);
}

2、文本对齐形式

text-align 属性用于设置元素内文本内容的程度对齐形式。

div {
    /*1、左对齐（默认值）*/
    text-align: left;
    /*2、程度居中*/
    text-align: center;
    /*3、右对齐*/
    text-align: right;
}

3、装璜文本

text-decoration 属性能够给文本增加下划线、删除线、上划线等。

div {
    /*1、默认值。没有任何装璜线（通常用它为 <a> 标签勾销下划线）*/
    text-decoration: none;
    /*2、为文本增加下划线*/
    text-decoration: underline;
    /*3、为文本增加上划线*/
    text-decoration: overline;
    /*4、为文本增加删除线*/
    text-decoration: line-throuth;
}

4、文本缩进

text-intend 属性用来指定文本第一行的缩进，比方段落的缩进。

p {
    /*1、属性值能够为固定的像素值*/
    text-align: 20px;
    /*2、属性值能够为绝对的大小，2em 为缩进 2 个文字的大小*/
    text-align: 2em;
}

em 是个绝对单位，就是以后元素 font-size 的大小。如果 p 标签的文字大小为 18px，那么 2em = 36px。

5、文本行间距

line-height 设置行高，能够管制文本行与行之间的间隔。

p {
    line-height: 26px;
}