CSS文本属性

1.text-indent(针对于行内块元素以及块元素)

  • 定义:text-indent 属性能定义一个 块元素或者行内块元素 首行文本内容之前的缩进量  
  • 语法:text-indent : 像素值
  • 应用:首行缩进
  • 技巧:将该属性像素值设置为font-size的两倍,就能完成首行缩进
  • 是否具有继承性:有

2.text-align(重点理解)

  •  定义:CSS属性设置 块元素或表格单元框内的行内​​元素内容的水平对齐方式
  •  语法:text-align : left(水平靠左对齐)/center(水平居中对齐)/right(水平靠右对齐)
  •  应用:一般只用在 图片、文本水平对齐
  • 是否具有继承性:有

2.1 vertical-align(重点理解)

  •  定义:CSS属性设置 行内块元素或表格单元框的垂直对齐方式
  •  语法:vertical-align : top(顶线对齐)/middle(中线对齐)/base-line(基线对齐)/bottom(底线对齐)
  •  应用:用于上下垂直居中
  •  是否具有继承性:无
  •  通俗易懂的理解:定义周围的行内元素或文本元素相对于该元素的垂直方式

3.text-decoration(针对文本)

  •  定义:定义文本的修饰效果(下划线、中划线、顶划线)
  •  语法:text-decoration : none(默认值)/underline(下划线)/line-through(中划线)/overline(顶划线)
  •  应用:修饰价格
  •  是否具有继承性:有

4.text-transform(针对英文文本)

  •   定义:将英文文本进行大小写转换
  •   语法 text-transform : none(默认值)/uppercase(大写)/lowercase(小写)/capitalize(只将开头字母变大写)
  •   应用:改变字母大小写
  •   是否具有继承性:有

5.line-height(针对文本)

  •   定义:控制 文本 行高
  •   语法:line-height:像素值
  •   应用:使文本垂直居中
  •   技巧:将 line-height值 和 height值 设为一置,就可以实现文本垂直居中
  •   是否具有继承性:有
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

执迷原理

感谢支持

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

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

打赏作者

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

抵扣说明:

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

余额充值