1.缩进与行内对其

1.text-indent首行缩进

第六章 文本属性

2.text-align  文本对齐

第六章 文本属性

2.块级对齐

先看这个,然后总结

https://www.cnblogs.com/oxspirt/p/10370203.html

内容区:底线和顶线包裹的区域,即下图深灰色背景区域。

第六章 文本属性

第六章 文本属性

这里是两行文字,首先

1.baseline

2.middle

3.bottom

4.top

5.font-size

6.line-height

7.leading 行距

8.行内框

9.行框

行框是最大的行高

 

 

纵向文本对齐

第六章 文本属性

1.baseline

正常  :原故事的baseline与父元素的baseline对齐

可置换:bottom与父元素的baseline 对齐

2.sub

正常:元素的baseline低于父元素的baseline

置换元素:元素的bottom低于父元素的baseline

3.bottom

正常:元素所在的行内框的底边与行框的底边对齐

4.top

与bottom相反

5.middle 

行内元素所在方框的中线,与父元素的基线向上偏移0.5ex

6.百分数

7.长度值

3.单词间距与字符间距

word-spacing :单词间距

第六章 文本属性

letter-spaing

第六章 文本属性

4.文本转换

text-transform转变文本的大小写

第六章 文本属性

5.文本装饰

text-align 给文本装饰各种线

第六章 文本属性

6.文本渲染

text-rending SVG 属性     用户代理在显示文本时候应该优先考虑什么东西

第六章 文本属性

7.文本阴影

text-shadow 文本阴影

text-shadow: rgb(128,128,255) −5px −0.5em; 三个length横,综,模糊半径

第六章 文本属性

8.处理空白

white-spaceing

第六章 文本属性

定制制表符的宽度

第六章 文本属性

9.换行和断字

hyphens

第六章 文本属性

word-break

第六章 文本属性

第六章 文本属性

 

line-break

第六章 文本属性

文本换行

 

overflow-wrap

第六章 文本属性

10.书写模式

writing-mode

第六章 文本属性

改变文本行字符方向

第六章 文本属性

声明方向

第六章 文本属性

第六章 文本属性

相关文章: