黑马程序员技术交流社区

标题: CSS中问题 [打印本页]

作者: 心ゝ疼ㄚòひ 时间: 2012-4-17 08:29
标题: CSS中问题
CSS中计量单位：CSS中表示宽度，距离时有多种计量单位：px（像素）、30%（百分比）、em（相对单位）等。
这些计量单位有什么区别呢？？？

作者: 孙杰 时间: 2012-4-17 09:10
px就是pixel的缩写啦，pixel即像素，它不是自然界的长度单位。px是就是一张图片中最小的点，一张位图就是由这些点构成的。1024px就是1024像素，最简单的你可以在windows桌面属性里的“设置”看到，如果是1024×768，也就是说水平方向上有1024个点，垂直方向上有768个点。谁能说出一个“点”有多长多大么？可以画的很小，也可以很大。如果点很小，那画面就清晰，我们称它为“分辨率高”，反之，就是“分辨率低”。所以，像素的大小是会“变”的，也称为“相对长度”。
百分比是指所占的相对大小
em指字体高，任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合：1em=16px。那么12px=0.75em。但是em并不是固定的，它会继承父级元素的字体大小。你可能会在content这个div里把字体大小设为1.2em, 也就是12px。然后你又把选择器p的字体大小也设为1.2em，但如果p属于content的子级的话，p的字体大小就不是12px，而是1.2em= 1.2 * 12px=14.4px。这是因为content的字体大小被设为1.2em，这个em值继承其父级元素body的大小，也就是16px * 62.5% * 1.2=12px, 而p作为其子级，em则继承content的字体高，也就是12px。所以p的1.2em就不再是12px，而是14.4px。

作者: 王雪磊 时间: 2012-4-17 10:29
其实是没有什么区别的了，只是看你习惯怎么用了

作者: 周俊辉 时间: 2012-4-18 09:38
参数单位习惯问题了

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

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