文本属性

文本属性是什么

文本属性用于控制一段文本的外观。

文本属性列表

属性 描述
color 文本颜色
text-align 规定文本的水平对齐方式。
text-decoration 规定文本装饰。
text-shadow 添加文本阴影。
text-indent 规定文本块(text-block)中的的首行缩进。
text-transform 控制文本的大写。
letter-spacing 添加字母之间的空白(字符间距)
word-spacing 添加每个单词之间的空白(即字间隔)

text-align属性

定义
定义文本的对齐方式。
语法

p{
  text-align:left | center | right | justify
}

属性值
left:规定文本左对齐
center:规定文本水平居中对齐
right:规定文本右对齐
justify:规定两段对齐

text-decoration属性

定义

语法

p{
  text-decoration: overline | line-through | underline | none
}

属性值

  • overline: 添加上划线
  • line-through : 添加删除线
  • underline: 添加下划线
  • none: 取消修饰线。默认值

text-shadow属性

定义
定义文本阴影效果

语法

h1{
  text-shadow: 水平偏移 垂直偏移 模糊半径 颜色;
}

属性值

  • x-offset: 设置水平偏移。单位是像素。正直向右,负值向左。
  • y-offset:设置垂直偏移。单位是像素。正值向下,负值向上。
  • blur: 设置模糊半径。数值越大越模糊。
  • color:设置阴影的颜色。

text-indent属性

定义

语法

p{
  text-indent:  相对值 | 固定值 
}

属性值

  • 相对值:
    • em: em表示一个字符,使用字符设置文本缩进。缩进2个字符,就是2em。 推荐
    • rem
    • %
    • vh/vw
  • 绝对值
    • px:使用像素设置文本缩进。不推荐。

text-transform属性

定义
定义英文字母的小写转换。

语法

body{
  text-transform:  none | capitalize | uppercase | lowercase 
}

属性值

  • none:默认值。对原字母不进行转换。
  • capitallze:文本中的每个单词以大写字母开头。(转成大写字母开头)
  • uppercase:定义仅有大写字母。(全部转成大写字母)
  • lowercase:定义无大写字母,仅有小写字母。(全部转成小写字母)

知识点

1.记住文本两段对齐
2.如何添加文本阴影
3.如何添加删除线
4.设置文本缩进的正确姿势

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容