黑马程序员技术交流社区

标题: css计量单位中的30%（百分比）、em（相对单位）的用法？ [打印本页]

---

作者: 徐刚    时间: 2012-4-4 16:53
标题: css计量单位中的30%（百分比）、em（相对单位）的用法？
css计量单位中的30%（百分比）、em（相对单位）两个具体怎么用的？

---

作者: 何智杰    时间: 2012-4-4 23:03
一般都是用% 和px比较多。em不算很了解

比如每个电脑的屏幕分辨率都可能不一样，你做的网页却希望它在所有电脑上看到的都是全屏的效果
可以通过设定body的样式 body{width:100%} 来实现
一般网页的开发都是设定body{980px;margin:0px auto} 的样式设定网页的大小固定为980像素并让它居中到屏幕的中间

---

作者: 张静慈    时间: 2012-4-6 14:08
补充楼上  em用法的简单举例  如果想段前缩进两个字符： text-indent: 2em

---

作者: 张云静    时间: 2012-4-6 14:32
补充一下em,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px,这样12px=1.2em,10px=1em,也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行.
em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小.
比如
<div style="font-size=12px">
    <span style="fontsize=2em">这里的字是24px</span>
</div>
如果使用em来指定填充,填充的宽度是相对于DIV元素的字体大小而定的.

---

作者: 柏云杉    时间: 2012-4-6 15:03

张云静 发表于 2012-4-6 14:32
补充一下em,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px ...

很详细啊  受教了   

---

作者: 徐刚    时间: 2012-4-6 15:58

何智杰 发表于 2012-4-4 23:03
一般都是用% 和px比较多。em不算很了解

比如每个电脑的屏幕分辨率都可能不一样，你做的网页却希望它在所有 ...

了解了，谢谢！{:3_64:}

---

作者: 徐刚    时间: 2012-4-6 16:00

张云静 发表于 2012-4-6 14:32
补充一下em,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合:1em=16px。那么12px=0.75em,10px ...

很具体啊！多谢赐教！

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2