扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
CSS中Padding如何使用，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
网站建设、网站设计的关注点不是能为您做些什么网站，而是怎么做网站，有没有做好网站，给创新互联一个展示的机会来证明自己，这并不会花费您太多时间，或许会给您带来新的灵感和惊喜。面向用户友好，注重用户体验，一切以用户为中心。
CSS中Padding简写用法介绍
简单的说，CSS简写就是在等效的前提下，把多句CSS代码简化成一句。在我看来，简写CSS的好处有三：一是写起来方便（就像键盘快捷键）；二是简化代码；三是帮助你熟悉和深刻理解CSS。
padding简写：
margin:1px02em-20px;等效于：
margin-top:1px;
margin-right:0;
margin-bottom:2em;
margin-left:-20px;顺序：margin-top|margin-right|margin-bottom|margin-left
padding简写和margin完全一样。
关于四边
有很多样式都涉及到了四边的问题，这里统一说明。
四边的简写一般如下：
padding:1px2px3px4px;等效于：
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;顺序：top|right|bottom|left
不论是边框宽度，还是边框颜色、边距等，只要CSS样式涉及四边，顺序通通都是“上右下左”（顺时针方向）。
◆如果四边的值省略一个，只写三个：
padding:1px2px3px;则等效于：
padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;（省略的“左”值等于“右”）
◆如果四边的值省略两个：
padding:1px2px;则等效于：
padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;（省略的“下”值等于“上”）
◆如果只有一个值：
padding:1px;则等效于：
padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;
看完上述内容，你们掌握CSS中Padding如何使用的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网