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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Master_Yoda

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值