[学习记录][css]文本属性

缩进和水平对齐

缩进

text-indent
所有元素第一行缩进一个长度

水平对齐

text-align
块级元素
不控制元素对齐,只影响内容

  • left
  • right
  • center
  • justify(两端对齐)

垂直对齐

line-height
文本行基线的距离,而不是字体的大小。确定元素框高度的增加减少
这是一个最小距离,而不是绝对数值
行间距:line-height减去font-size

垂直对齐文本

vertical-align
行内元素和替换元素

  • baseline:基线对齐,元素基线与父元素对齐
  • sub:基线相对于父元素下降
  • super:基线相对于父元素升高
  • bottom:底端对齐
  • text-bottom:行内文本底端
  • top
  • text-top(对齐的位置取决去行内有什么元素,它们有多高)
  • middle:居中对齐,父元素基线上方0.5ex,注意大多数代理会将1ex处理为0.5em
  • 百分数:相对于父元素基线,基线升高或降低
  • 具体数值:对齐前相比上升

字间隔和字母间隔

字间隔

word-space

字母间隔

letter-space

间隔和对齐

指定间隔,则不会收到对齐的影响,如果是normal,则会根据对齐改变

文本转换

text-transform

  • uppercase
  • lowercase
  • capitalize(每个单词的首字母大写)
  • none(默认)

文本装饰

text-decoration
不能继承,文本上的任何装饰线和父元素颜色相同

  • underline
  • overline
  • line-through
  • blink(闪烁)

文本阴影

text-shadow

空白符

white-space
* nowrap:防止元素中换行
* pre:空白符不会被忽略,空格回车都会显示
* pre-wrap:保留空白序列,文本行正常换行
* pre-line:合并空白符,保留换行符

文本方向

direction

  • ltr
  • rtl

unicode-bidi

  • embed
  • bidi-override
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值