标签归档：padding

padding属性和我们上节讲到的margin属性完全一样。不同之处在于padding是设置盒子内部间距、而margin是设定盒子外部间距。在旅游网站制作布局中，使用padding属性可以排除很多浏览器兼容性问题。杰酷建议大家padding和margin这两个属性值，首选padding来设置方框的边距。具体的区别我们会在后期以实际案例来分别说明用paddin的好处与用margin属性的区别。 padding属性和margin一样也有四个属性值。为别为：padding-left、padding-right、padding-top和padding-bottom。这四个属性都接受长度或百分比值，百分比值是根据元素宽度来计算的，默认补白为0。 以下是padding属性间距设置示例： p {padding-left: 5px;} img {padding-left: 10%;} 第一个示例在<p>标签内容及其左边框之间创建了5像素的间距，后一个示例在<img>标签左侧创建了一个等于父元素宽度10%的间距。 像缩略margin和border属性一样，可以使用缩略padding属性来定义所有四个间距。 padding属性的简写方法与margin属性完全一样。具体请参看上次我们讲到旅游网站建设如何使用方框属性margin