padding:0.5em;什么意思

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时,你会发现出现了什么样的效果!