CSS的padding属性设置探讨

padding属性有很多中设置方法

1、设置padding

      可以设置1个值： 如padding: 5px;表示元素的上、右、下、左四个方向的内边距都是5像素

      可以设置2个值：如padding: 10px 20px;这表示元素的上部和下部内边距是10像素，左侧和右侧内边距是20像素

      可以设置4个值：如padding: 10px 20px 30px 40px;表示元素的上部内边距是10像素，右侧内边距是20像素，下部内边距是30像素，左侧内边距是40像素

2、分别设置padding-top、padding-right、padding-bottom和padding-left属性

3、混合使用上述设置。

表面看起来比较灵活，但是为此：程序员需要学习多种东西；底层开发人员需要解析和实现多种组合，底层变的异常复杂。这种设计付出的代价和获得的收益成正比吗？

别的平台，我们无权干涉。在我们平台就只采用这样的设计：

程序员只能选择padding: 10px 20px 30px 40px; 

这样学习成本低，维护成本低，底层的开发也省不少事情。