首页 前端知识 css文本常用属性

css文本常用属性

2023-05-14 16:05:43 前端知识 前端哥 808 333 我要收藏


文本属性是?

用于控制文本。

设置一段文本。

文本属性有6种:

文本水平对齐方式,文本装饰,首行缩进,文本阴影,文本大写,文本颜色,字符间距,空格不换行,溢出隐藏。

属性描述
text-align规定文本的水平对齐方式。
text-decoration规定文本装饰。
text-indent规定文本块(text-block)中的的首行缩进。
text-shadow添加文本阴影。
text-transform控制文本的大写。
text-align

letter-spacing: .5em; 标题间距

word-spacing: 1em;在文本中空格,网页识别为字母。
定义:文本的对齐方式。
语法: text-align:left;center;right;justily|
属性值:

  • left

    默认值,左对齐
  • center

    居中对齐
  • right

    右对齐
  • justify

    两端对齐
记住文本两端对齐 : justify
  • inherit

    规定应该从父元素继承 text-align 属性的值。
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表示一个字符
  • rem
  • %
  • vh/vw
    绝对值:
  • px
text-transform

定义:定义英文字母的小写转换.
语法

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


属性值:

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


转载请注明出处或者链接地址:https://www.qianduange.cn//article/78.html
标签
csscss属性
评论
发布的文章

jQuery AJAX请求的统一封装

2024-02-01 12:02:53

jQuery知识学习

2024-02-01 12:02:53

JQuery——动画效果

2024-02-01 12:02:52

jQuery复习

2024-02-01 12:02:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!