CSS文本属性

142 阅读1分钟

CSS文本属性可以定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进和行间距等。

文本颜色color

color属性用于定义文本的颜色。代表颜色的属性值不需要特意去记,在实际开发中,一般直接在效果图上取色。

p{
    color:red;
}

十六进制最常用。

文本对齐text-align

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

语法

h1{
    text-align:center;/*水平居中*/
}

示例

尝试把默认为左对齐的文本改为居中对齐。

h1{
    text-align: center;
}

运行效果:

文本装饰text-decoration

text-decoration属性规定添加到文本的装饰,比如下划线、删除线、上划线等。

语法

p{
    text-decoration:underline;
}

示例

取消链接a底下的下划线。

a{
    text-decoration: none;
}

文本缩进text-indent

text-indent属性用来指定文本的第一行的缩进,通常是将段落的首行缩进

p{
    text-indent:20dx;
}

当属性值为正数时,首行向右缩进;当属性值为负时,首行向左缩进。

p{
    text-indent:2em;/*缩进当前文字2个文字大小的距离*/
}

em是一个相对单位,即当前元素1个文字的大小,如果当前元素没有设置大小,则会按照父元素的1个文字大小。

行间距line-height

line-height属性用于设置行间的距离,可以控制文字行与行之间的距离。

p{
    line-height:26px;
}