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