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

text-indent :

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

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

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

text-align: 

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

line-height:  
指文本行基线之间的距离。
  • 值:字体大小+行间距   |   normal (用户代理计算,通常为1.2倍)
  • 应用于:所有元素
  • 继承性:有
《CSS权威指南》——笔记5(文本属性)_第1张图片

  (了解基线的位置)

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 | ><模糊半径>(可设置多组阴影)
  • 初始值: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 
  • 应用于:所有元素
  • 继承性:无












你可能感兴趣的:(前端笔记)