5.文本

text-align 文本的水平对齐方式
网页中,图片 行内块 都可以使用文本对齐的方式
可选值:
left 默认值 左对齐
right 右对齐
center 居中对齐
justify 两端对齐
text-indent 首行缩进
可以设置负值
正值文字向右移动
负值文字向左移动(可以利用负值隐藏网页中的一些文字)
text-decoration 文本修饰
- 可选值:
none 默认值 没有修饰
underline 下划线
overline 上划线

禁止文字的自动换行 white-space: nowrap;
禁止文字的溢出 overflow: hidden;
溢出文字显示为省略号 text-overflow: ellipsis;

line-height 用来设置元素的行高
行就是用来放文字的,行高就是文字所在行的高度
文字默认是在行高中垂直居中
行间距 = 行高 - 字体大小
行高可以设置一个数字,那么行高将会是字体大小对应的倍数

在网页中,每个文字被显示时都会有一个文本框与之对应
当我们设置元素的font-size时,实际上就是在设置文本框的大小
在文本框存在一个位置叫做基线(baseline)

文字的垂直对齐:
默认每个文字和父元素在垂直方向都是沿着基线对齐的

vertical-align
- 设置元素垂直对齐的方式
- 可选值:
baseline 默认值 子元素和父元素的基线对齐
top 子元素文本框的顶部和父元素文本框的顶部对齐
bottom 子元素文本框的底部和父元素文本框的底部对齐
middle 将元素的中线和父元素基线高度+x高度一半的位置对齐
- 开发中经常通过vertical-align来消除图片下边的空白

font-size 字体的大小
font-weight 字重
- 可选值:
normal 默认值 正常的粗细
bold 加粗
lighter 细的
font-style 字体的样式
- 可选值
normal 默认值 正常的
italic 斜体
font-family 字体族,指定使用什么字体
- 字体的分类
serif 衬线字体
sans-serif 非衬线字体
monospace 等宽字体<

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值