padding属性用于设置内边距。 是指 边框与内容之间的距离
padding-top:上内边距
padding-right:右内边距
padding-bottom:下内边距
padding-left:左内边距<br/>
注意: 后面跟几个数值表示的意思是不一样的。
| 值的个数 | 表达意思 |
| --- | --- |
| 1个值 | padding:上下左右边距 。比如`padding: 3px; 表示上下左右都是3像素` |
| 2个值 | padding: 上下边距 左右边距 。比如` padding: 3px 5px; 表示 上下3像素 左右 5像素` |
| 3个值 | padding:上边距 左右边距 下边距。 比如 `padding: 3px 5px 10px; 表示 上是3像素 左右是5像素 下是10像素 `|
| 4个值 | padding:上内边距 右内边距 下内边距 左内边距 。比如: `padding: 3px 5px 10px 15px; 表示 上3px 右是5px 下 10px 左15px 顺时针` |
- 0 学前必读
- CSS是什么?
- 如何引用CSS
- 内联样式表
- 行内式
- 外部样式表
- 三种引用方式的比较
- CSS语法规范
- 选择器
- 基础选择器
- 复合选择器
- CSS注释
- 字体样式font属性
- 标签显示模式display属性
- 块级元素
- 行内元素
- 行内块元素
- 三种显示模式的转换
- 行高line-height属性
- CSS三大特性
- 背景background属性
- 盒子模型
- 边框border
- 内边距padding
- 外边距margin
- 外边距的合并
- content的高度和宽度
- 盒子模型布局的稳定性
- 圆角边框border-radius
- 盒子阴影box-shadow
- 浮动float
- 普通流
- 浮动float
- 版心和布局
- 布局流程
- 常见布局方式
- 清除浮动
- 定位postion
- 定位属性
- 叠放次序z-index
- 元素的显示与隐藏
- 用户界面样式
- 溢出的文字隐藏
- CSS精灵技术
- 什么是精灵技术?
- 精灵技术的使用
- 滑动门
- web字体
- 字体图标
- icon图标
- BFC
- 优雅降级和渐进增强
- HTML5新增的元素和特性
- CSS3盒模型
- 过渡、变形、动画
- 弹性布局
- 对齐
- 网站优化三大标签