文本相关

一、行高:line-height

line-height CSS 属性用于设置多行元素的空间量。
1、语法:

    line-height: normal;
        初始值 normal
        是否是继承属性 yes
行高(line_hight)=字体大小+行间距 默认值 1.2~1.5(本身大小的倍数)

2、取值:

normal
取决于用户端。桌面浏览器(包括Firefox)使用默认值,约为1.2,这取决于元素的 font-family

长度:px
数字:
该属性的应用值是这个无单位数字<数字>乘以该元素的字体本身大小。计算值与指定值相同。大多数情况下,这是设置line-height的推荐方法,不会在继承时产生不确定的结果。
百分比:
与元素自身的字体大小有关。计算值是给定的百分比值乘以元素计算出的字体大小。

3、注意:

1)行高的取值一般要大于自身的字体。

2)行高的继承:

百分比:继承的是计算后的值

数字(行高因子):继承的不是计算后的值。直接拿行高因子;

二、行高初始化

                        body{
				line-height:1px;/*字体本身大小*/
			}
			p,span{
				line-height: 1.5;
			} 

三、单行文本垂直居中

   .test{
				width:100px;
				height: 100px;
				line-height: 100px;
				background: pink;
				/*text-align: center;*/
			} 

  

四、其它文本相关

文本相关_第1张图片

 

你可能感兴趣的:(文本相关)