《CSS权威指南》——笔记5(文本属性)

本文详细介绍了CSS中用于控制文本外观的属性,包括text-indent、text-align等,解释了这些属性如何影响文本的对齐方式、行高、垂直对齐及空白处理等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

text-indent :

  • 值:可负可正(单位:px  em  %)
  • 应用于:块级元素
  • 继承性:有
注:text-indent可以应用有的块级元素,而无法应用到行内元素、替换元素。

      text-indent设置为负值时,可以制造一些悬挂缩进的效果。

      即使插入分行符,缩进也只应用于一个元素的第一行。

text-align: 

  • 值:left | right | center | justify(两端对齐) | inherit
  • 应用于:块级元素
  • 继承性:有
注:text-align不会控制元素的对齐,而是影响其内部内容。

line-height:  
指文本行基线之间的距离。
  • 值:字体大小+行间距   |   normal (用户代理计算,通常为1.2倍)
  • 应用于:所有元素
  • 继承性:有


  (了解基线的位置)

vertical-align:

  • 值:baseline | sub | super | top | text-top | middle | bottom | text-bottom | 百分比 | 长度值 | inherit
  • 初始值:baseline 
  • 应用于:行内元素和表单元素
  • 继承性:无
注:不影响块级元素中内容的对齐,但可以影响表单元中元素的垂直对齐。
  • baseline:一个元素的基线和父元素的基线对齐。
  • sub:元素的基线相对于父元素的基线降低。
  • super:元素的基线相对于父元素的基线升高。
  • bottom:元素都在文本基线之下。
  • text-bottom:行内文本的底端。
  • top:top和bottom相反。
  • text-top:和text-bottom相反。
word-spacing(字间隔):
  • 值:长度 | normal | inherit
  • 初始值:normal=0(值为负:字拉近,值为正:字间距增加)
  • 应用于:所有元素
  • 继承性:有
letter-spacing(字母间隔):
  • 值:长度 | normal | inherit
  • 初始值:normal=0(值为负:字母拉近,值为正:字母间距增加)
  • 应用于:所有元素
  • 继承性:有
text-transform:
  • 值:uppercase(全大写) | lowercase(全小写) | capitalize(首字母大写) | none | inherit
  • 初始值:none
  • 应用于:所有元素
  • 继承性:有
text-decoration:
  • 值:none | underline | overline | line-through | blink | inherit 
  • 初始值:none
  • 应用于:所有元素
  • 继承性:无 
text-shadow:
  • 值:none | <x偏移><y偏移><模糊半径><color>(可设置多组阴影)
  • 初始值:none
  • 应用于:所有元素
  • 继承性:无
white-space:
影响浏览器处理字之间和文本行之间的空白符的方法。
  • 值:normal | nowrap | pre | pre-wrap | pre-line | inherit
  • 初始值:normal
  • 应用于:所有元素
  • 继承性:无
direction:
该属性影响块级元素中文本的书写方法、表中列布局的方向、内容水平填充其元素框的方向。
行内元素,只有设置了unicode-bidi属性时才能使用。
  • 值:ltr | rtl | inherit
  • 初始值:ltr 
  • 应用于:所有元素
  • 继承性:有
unicode-bidi:
  • 值:normal | embed | bidi-override | inherit
  • 初始值:normal 
  • 应用于:所有元素
  • 继承性:无












评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值