padding属性的书写格式

来源:互联网 发布:太阳花 知乎 编辑:程序博客网 时间:2024/05/20 01:43

padding属性的书写格式总共有以下4种:

padding:10px; 意思是上下左右值全是10px

padding:5px 10px; 意思是上下为5px,左右为10px

padding:1px 2px 3px 4px; 这个写法意思是:上为1px,右为2px,下为3px,左为4px

padding:5px 10px 7px; 这种写法意思是:上为5px,左右为10px,下为7px

(注意:padding后面4个值定义的顺序分别为:上 右 下 左)

而padding-top或者padding-bottom这种写法,只是单方面的定义了一个方向的值,

这样写会增加CSS代码的长度,增加CSS样式的代码量,拖慢页面的加载速度。