Padding和Margin不同数量参数表示什么意思
Padding,Margin里面,当参数为4个,3个,2个,1个时分别表示什么意思?
举个栗子:
padding:30px 20px 50px 40px;
4个参数----按顺序表示padding-top值为30px;padding-right值为20px;padding-bottom值为50px;padding-left值为40px。也就是4个参数时,4个参数分别表示的padding值顺序是上、右、下、左。
padding:30px 40px 20px;
3个参数----按顺序表示padding-top的值为30px;padding-right、padding-left的值同为40px;padding-bottom的值为20px。3个参数分别表示的padding值顺序是上、左右、下。
padding:30px 40px;
2个参数----表示padding-top和padding-bottom都为30px;padding-right和padding-left都为40px。2个参数分别表示的padding值顺序是上下、左右。
padding:30px;
1个参数----表示padding-top、padding-right、padding-bottom-padding-left的值都为30px。
Margin也是同理,我就不打字了。。。。。
Padding和Margin不同数量参数表示什么意思相关推荐
- 【css】padding 和 margin的区别
css中有有一对经常是一起出现的属性:padding和margin,接下来我们以一个例子来看一下两个属性的作用及其区别. 实例演示: 使用属性前: 代码实现: <!DOCTYPE html> ...
- CSS 盒子模型(Box model)中的 padding 与 margin
编辑自 http://www.x6x8.com/IT/199.HTML 本文将讲述 HTML 和 CSS 的关键-盒子模型 (Box model) .理解 Box model 的关键便是 margin ...
- border,padding,margin盒模型理解
安静的敲着键盘,已势不可挡的姿势逼近php,我想我是一个幸福的人,未来不可期,做好现在,偶尔写着自己能看懂的API,慢慢悠悠的回味一下前端基础知识. 本文盒模型理解. <!DOCTYPE htm ...
- html中padding和margin的区别和用法与存在的bug消除
关于margin: 在需要border外侧添加距离时. 空白处不需要背景时. 相连的两个部分的地方需要加外边的边距时使用. 关于padding: 在需要border内侧添加距离时. 空白处需要背景时. ...
- [css] css中padding和margin是相对于父元素还是子元素呢?
[css] css中padding和margin是相对于父元素还是子元素呢? padding就是往自己身体里塞东西(盒子里面),margin就是穿衣服(盒子外面). ==>padding相对于子 ...
- [css] 行内元素可以设置padding和margin吗?
[css] 行内元素可以设置padding和margin吗? 行内元素的纵向padding和margin都是不考虑的,这是css规范定义的. inline元素确实可以设置垂直方向的 padding 和 ...
- 从零开始学_JavaScript_系列(六)——CSS的padding、margin、border属性超详细解释(图文)...
结论请看最后的图片 关于定义: margin:层的边框以外留的空白 background-color:背景颜色 background-image:背景图片 padding:层的边框到层的内容之间的空白 ...
- html+css面试题 行内元素padding和margin
看到一个面试题 关于行内元素span的 <style>* {padding: 0;margin: 0;}span {padding: 100px;border: 1px solid red ...
- 取消UL和OL符号以及padding和margin后恢复默认值的CSS
原文:https://www.cnblogs.com/zhaiqianfeng/archive/2012/06/28/4616645.html 之前取消UL和OL符号以及padding和margin, ...
最新文章
- Python编程语言学习:sklearn.manifold的TSNE函数的简介、使用方法、代码实现之详细攻略
- 福师《计算机应用基础》期末考试,21年2月福师《计算机应用基础》期末考试A卷答案...
- java channelexec_java-使用SSH exec通道调用Shell脚本,但忽略对其他Shell脚本的调用
- OpenCV——人脸检测
- GRPC协议的相关原理
- 漫步数学分析三十八——反函数定理
- 支持markdown的服务器,基于tornado实现的一个markdown解析服务器
- 0603 0402 0805 电阻封装寸尺
- Java基础学习总结(25)——Log4j快速入门教程
- 大数据之-Hadoop伪分布式_配置启动HDFS_并运行MR程序---大数据之hadoop工作笔记0023
- java抽象类的说明
- WF本质论第一章的代码
- matlab2c使用c++实现matlab函数系列教程-conv函数
- Git教程 Git Bash详细教程
- 全新Java高级工程师学习路线图(附学习资料)
- 中国农村统计年鉴下载链接
- velocity模板使用手册
- 来自H3C的降维打击:H3C BX54鲸路由评测体验
- javascript 模板_了解JavaScript中的模板文字
- Android跟我一起来开发--微影之架构补充篇