认识padding
来源:互联网 发布:淘宝查号131458 编辑:程序博客网 时间:2024/05/17 01:08
padding就是内边距的意思,我们来通过一张稿纸。看一下什么是padding,如下图所示:
padding是4个方向的,所以我们能够分别描述4个方向的padding。padding的4个小属性分别为
padding-top
padding-right
padding-bottom
padding-left
实现padding有2种写法:
1.写小属性
如:
padding-top: 30px;
padding-right: 20px;
padding-bottom: 40px;
padding-left: 100px;
分别表示:top:上,right:右,bottom:下,left:左
这种属性,就是复合属性。比如如果不写padding-lef,t那么就是没有左内边距。
2.写综合属性,用空格隔开
如果写了4个值:
padding:30px 20px 40px 100px;
这就表示上、右、下、左
注意这里的顺序,前端开发和我们平常认为的上下左右顺序不一样。
如果只写了3个值
padding:30px 20px 40px;
表示的是:上、右、下。左和右一样
如果只写了2个值
padding:30px 20px ;
表示的是上、右。下和上一样,左和右一样。
要懂得,用小属性层叠大属性:
padding: 20px;
padding-left: 30px;
对应的盒模型
但是要切记,不要把小属性写在大属性前面padding: 20px;
padding-left: 30px;
padding: 20px;
这样写是错误的。
0 0
- 认识padding
- 认识padding
- padding
- Padding
- padding
- padding
- RSA padding
- css:padding
- Padding用法
- !!!Data Padding
- padding oracle
- padding margin
- padding&margin
- Edge Padding
- layout_margin & padding
- margin padding
- padding笔记
- padding 内边距
- 数字1的数量
- 关于spring mvc json请求 415问题
- 套接字编程(1)
- linux下 python安装
- 如何获取到get丶post 请求的url里的所有参数
- 认识padding
- SVG学习-1
- Poj 1741——treap的启发式合并
- Javascript入门
- jdk源码阅读——ArrayList
- f_open()使用错误记录
- JVM GC参数说明
- 每一个程序员都应该知道的高并发处理技巧、创业公司如何解决高并发问题、互联网高并发问题解决思路、caoz大神多年经验总结分享
- 【BZOJ 4569】【SCOI 2016】萌萌哒