CSS字体、文本、背景属性设置二——文本属性

  1. 颜色属性:color
    在CSS中,可以使用color属性设置文本颜色
color:颜色英文单词|颜色的十六进制数|颜色的RGB值|inherit;
属性值 描述
颜色英文单词 使用表示颜色的英文单词,例如:red(红色)
十六进制数 使用#加一个十六进制数表示颜色值,例如红色的十六进制值:#ff0000
RGB值 RGB代码的颜色值,例如红色的RGB值为rgb(255,0,0)
inherit 继承父级元素的颜色

注:颜色一般是用十六进制表示,并且当用于表示颜色的十六进制数进行两两分组以后,如果每一组中的数字或字母彼此相同时,就可以使用简写形式,例如:#ffffff,就可以简写为#fff,但是两两分组以后,任何一组中的两个数字或字母彼此不相同时就不可以使用简写形式。例如:#ff4467由于“67”这一组数字彼此不相同,所以无法使用简写形式。
2. 水平对齐属性:text-align
用于设置文本水平对齐,设置语法如下:

text-align: left|right|center|inherit;

语法说明:

属性值 描述
left 左对齐,默认对齐方式
right 右对齐
center 居中对齐
inherit 继承父级的text-align属性值

3. 首行缩进:text-indent
用于设置每段文本的首行字符的缩进距离,设置语法如下:

text-indent:lenght|百分数|inherit;

语法说明:

属性值 描述
length 某个具体的数值,单位为px
百分数 相对于父级元素宽度的百分比
inherit 继承父级的text-indent属性值

**注:**text-indent属性值可以为负数,如果缩进值为负数,那文字会被缩进到左边。
4. 文本修饰属性:text-decoration
使用text-decoration属性可以设置文本是否显示下划线或上划线或删除线等修饰样式,设置语法如下:

text-decoration:none|underline|overline|line-through|inherit;

语法说明:

属性值 描述
none 无任何修饰,默认值
underline 显示下划线
overline 显示上划线
line-through 显示删除线
inherit 继承父元素的text-decoration属性

5. 字符间距属性:letter-spacing
用于增加或减小字符与字符之间的间隔,设置语法如下:

letter-spacing:noraml|length|inherit;

语法说明:

属性值 描述
normal 默认值,字符间距为0
length 以 px|pt|em为单位的某个固定数值,可以为负值
inherit 继承父元素的letter-spacing属性

**注:**Length值为正值时,值越大,字符间距越大,为负数时,绝对值越大,则字符之间挤得越紧,当绝对值为一个字体大小时,字符之间重叠在一起,当绝对值为两个及以上字符大小时,字符将以逆序显示。
6. 字间距属性:word-spacing
用于增加或减小单词与单词之间的间隔,设置语法如下:

word-spacing:noraml|length|inherit;

语法说明:

属性值 描述
normal 默认值,字符间距为0
length 以px|pt|em为单位的某个固定数值,可以为负值
inherit 继承父元素的word-spacing属性

注:使用该属性时,设置的文本中必须最少有两个词,word-spacing的作用才会体现出来,其中词是通过空格来分隔的。

猜你喜欢

转载自blog.csdn.net/dream_follower/article/details/81006810