网络日志

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;
}