大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > CSS技巧 > CSS学习笔记Padding 属性中参数的定义与使用

CSS学习笔记Padding 属性中参数的定义与使用

关键词:CSS学习笔记Padding  阅读(450) 赞(11)

[摘要]本文是对CSS学习笔记Padding 属性中参数的定义与使用的讲解,对学习CSS编程技术有所帮助,与大家分享。
不断都对CSS中Padding 属性中参数个数的定义颇为困惑,例如:
body { padding: 32px;}
body { padding: 32px 24px; }
body { padding: 32px 24px 18px; }
body { padding: 32px 24px 18px 12px; }

明天baidu检查了CSS的规范文档,其中是这样规则的:
假如只提供一个,将用于全部的四条边;
假如提供两个,第一个用于上-下,第二个用于左-右;
假如提供三个,第一个用于上,第二个用于左-右,第三个用于下;
假如提供全部四个参数值,将按上-右-下-左的顺序作用于四边。
body { padding: 36px;}   //对象四边的补丁边距均为36px
body { padding: 36px 24px; }
//上下两边的补丁边距为36px,左右两边的补丁边距为24px
body { padding: 36px 24px 18px; }
//上、下两边的补丁边距辨别为36px、18px,左右两边的补丁边距为24px
body { padding: 36px 24px 18px 12px; }
//上、右、下、左补丁边距辨别为36px、24px、18px、12px

做个记号,表遗忘了。


相关评论