发新话题
打印

css之line-height属性

css之line-height属性

调整文本行与行指间的距离使用的就是line-height属性,使用line-height属性和没使用line-height的文本看起来大不一样,使用了可以增强文本的可读性,因此,请务必使用line-height属性。

line-height属性很容易理解,操作也很简单,但是经常被网页设计的朋友所遗忘。精心设计完color、size、font-family等属性后别忘记设置一下line-height属性,会发现,调整这些小细节能够产生让人终生难忘的效果时,大家会在今后的每个项目中都坚持做这个工作。通过line-height属性来提高段落的可读性是最值得关注的,规则很简单,比如line-height:150%;这个百分比是根据size来设定的,如果size是20px,那么line-height就是10px;如果line-height:200px;那么行高就是size的两倍,一次类推。

很多情况下,我们也用line-height来让文字垂直居中,比如,我们设定p的高度是30px,line-height也用30px;这时候文字就是在p的中间,这是一种用长度来设定行高的方法,上面的一种方法是用的百分数,大家已经了解了百分数的意义,其实还有一种设定行高的方法,就是用数字,用数字的时候和用百分数差不多,比如,我们写line-height:2;表示行高是size的两倍,如果size是12px;那么行高就是24px。

好了,关于行高的一些知识就简单说到这里吧,今后有发现了再接着说。
织梦cms制作-开发-定制http://www.dedecmsmoban.com/

TOP

发新话题