CSS文本属性

text-indent(缩进文本):只能应用于块级元素,不能用于行内元素,常用于将段落首航缩进;

text-align(水平对齐):影响一个元素中的文本行相互之间的对齐方式;

text-align:center与<CENTER>的区别:<CENTER>不仅影响文本,还会把整个元素居中,但text-align不会控制元素对齐,只影响其内部内容;

一个元素的行间距 = line-height的计算值 - font-size的计算值,行间距有可能是负值,除以2将行间距的一半分别应用到内容区的顶部和底部,就是该元素的行内框;

垂直对齐文本:vertical-align只应用于行内元素和替换元素,如图像表单元素,且该属性不能继承;

基线对齐:vertical-align:baseline要求一个元素的基线与其父元素的基线对齐;

底框对齐:vertical-align:bottom将元素行内框的底端与行宽的底端对齐;

居中对齐:vertical-align:middle把行内元素的中点与父元素基线上方0.5ex处的一个点对齐;

字间隔:word-spacing;

字母间隔:letter-space;

文本转换:text-transform:uppercase | lowcase | capitalize(只对每个单词的首字母大写) | none | inherit;

文本装饰:text-decoration:none |[ underline || overline || line-through || blink ]|,希望既有上划线又有下划线:a:link{text-decortion:underline overline};

文本阴影:text-shadow:none | [ <color> || <length> <length> <length>?,]* [ <color> || <length> <length> <length>?] | inherit,前两个长度值确定了阴影

       与文本的偏移距离,第三个长度值可选,定义了阴影的模糊半径,如:text-shadow : green 5px 0.5em

处理空白符:white-space:normal | nowrap | pre | pre-wrap | pre-line | inherit

空白符换行符自动换行
pre-line合并保留允许
normal合并忽略允许
nowrap合并忽略不允许
pre保留保留不允许
pre-warp保留保留允许

文本方向:direction:ltr(left to right) | rtl | inherit,影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向,以及两端元素中最后一行的位置。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值