2.3-CSS基础--文本

发布于:2023-01-19 ⋅ 阅读:(496) ⋅ 点赞:(0)

一、文本缩进

  • 属性名:text-indent

  • 取值:

    数字 + px
    数字 + em (推荐:1em=当前标签的font-size的大小)

在这里插入图片描述

二、文本水平对齐方式

  • 属性名:text-align

  • 取值:

    居中对齐:center
    左对齐:left
    右对齐:right

在这里插入图片描述

text-align:center 能让哪些元素水平居中?
     文本、span标签、a标签、input标签、img标签
如果需要让以上元素水平居中,text-align:center 需要给以上元素的父元素设置

如何让div、p、h(大盒子)水平居中?
     可以通过添加 margin:0 auto;来实现

三、文本修饰

  • 属性名:text-decoration
  • 取值:
属性值 效果
underline 下划线
none 无装饰线
line-through 删除线
overline 上划线

注意:开发中会使用text-decoration:none;清除a标签默认的下划线

在这里插入图片描述

四、行高

作用:控制行间距(给一行上下增加间距)
属性名:line-height
取值

  • 数字+px
  • 倍数(当前标签font-size的倍数)

应用

  • 让单行文本垂直居中可以设置 line-height:文字父元素高度
  • 网页精准布局时,会设置 line-height:1 可以取消上下间距
本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到