padding:0.5em;什么意思?

来源:百度知道 编辑:UC知道 时间:2024/06/01 01:08:52
CSS中padding:0.5em;是什么意思??

padding属性只出现在容器的样式中,如DIV、table等,表示的意思是容器边缘距内容的空白,又叫内白,补白,内补白。以DIV为例,DIV中输入文字后,文字的边缘距DIV边缘的距离。的四个子属性:padding-top,padding-left,padding-right及padding-bottom分别表示上补白,左补白,右补白及下补白。单位有几种情况,一般常用的是PX(像素),这个不用解释了。还有一个是EM表示的是字体相对,0.5em就是内补白是0.5倍当前字高!

所以padding:0.5em表示的是容器距里边容器或文字的距离是0.5个当前字高,所指的边缘要除掉容器的边缘宽度。如果你改成一个1em时,你会发现出现了什么样的效果!

你应该了解一下CSS盒子模型,百度搜
padding 检索或设置对象四边的内补丁。对于 td 和 th 对象而言默认值为 1 。其他对象的默认值为 0 。
如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
在IE5.5+中此属性支持内联对象使用。而在此前的版本中,内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 padding 。
再说em 单位
相对长度单位
em ex px
绝对长度单位
pt pc in

em为相对长度单位。相对于当前对象内文本的字体尺寸。
如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。