- 颜色属性: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的作用才会体现出来,其中词是通过空格来分隔的。