博大精深的css(1)

博大精深的css(1)

1.绝对单位和相对单位:    px  和  em  (学习了,呵呵)

 

1. 代码:

<p style=”background: #900; color: #00f; font: bold 12px/24px Helvertica,Arial,sans-serif; height:24px; width:370px;”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
<br/>
<br/>
<p style=”background: #090; color: #00f; font: bold 12px/2em Helvertica,Arial,sans-serif; height:2em; width:370px; overflow: hidden;”>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>

1.效果:

上一个高度是用的绝对单位px,并且没有隐藏溢出,下一个高度用的单位是相对单位em,并且隐藏了溢出。

如果你的浏览器支持放大字体,那么尽情地放大字体,看看会出现什么效果。

 

 

2.

博大精深的css(1)

相关文章:

你感兴趣的文章:

标签云: