一、文本效果
1、text-indent
SEO(搜索引擎优化)将LOGO作为h1背景,并将h1中文字用text-indent:-9999隐藏起来,但仍会被搜索引擎检索到
2、text-align(对文字、行内元素、行内块元素起作用)
3、line-height(px、em、%、number)继承性
4、vertical-align
①baseline
<div style="background: green">
x
<img src="img/logo.png" style="background-color: red;"/>
<span style="display: inline-table;background-color:yellow">内含内联元素</span>
<span style="display: inline-block; overflow: hidden;height: 80px;background-color: #00FFFF;">hidden</span>
</div>
在文本之类内联元素中,基线是字符x的下边缘位置。
在像img元素中基线就是下边缘。
在inline-block元素中,也分两种情况:
如果该元素中有内联元素,基线就是最后一行内联元素的基线。
如果该元素内没有内联元素或者overflow不是visible,其基线就是margin的地边缘。
②top
(内联)元素的顶边和行内最高元素的顶边对齐,最高元素的顶边包括margin
③bottom
元素的底边和行的底边对齐。
④middle