时间:2014-01-29 来源:

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

一直都对CSS中Padding 属性中参数个数的定义颇为困惑web前端制作,例如:
body { padding: 32px;}
body { padding: 32px 24px; }
body { padding: 32px 24px 18px; }
body { padding: 32px 24px 18px 12px; }

今天baidu查看了CSS的标准文档,web前端制作其中是这样规定的:
如果只提供一个div前端切图,将用于全部的四条边;
如果提供两个,div前端切图第一个用于上-下web切图报价,第二个用于左-右;
如果提供三个,手机html制作第一个用于上符合w3c标准,第二个用于左-右,符合w3c标准第三个用于下;
如果提供全部四个参数值网页外包接活,左右两边的补丁边距为24px
body { padding: 36px 24px 18px; }
//上、下两边的补丁边距分别为36px、18px,左右两边的补丁边距为24px
body { padding: 36px 24px 18px 12px; }
//上、右、下、左补丁边距分别为36px、24px、18px、12px

做个记号,web前端制作表忘记了.
点击次数:783
作者:
web前端行业资讯
Web new NewsList
Postgres10开发者新特性 ,,2017年12月28日阿里巴巴、狗尾草、苏大联合论文:基于对抗学习的众包标注用于中文命名实体识别 ,,2017年12月28日柯洁的2017:20岁,与AI斗与人类斗,其乐无穷 ,,2017年12月28日如果机器人拥有痛觉,这个世界会有哪些不一样? ,,2017年12月28日苹果经典电脑Lisa源代码修复完成将于2018年开源 ,,2017年12月28日腾讯浏览指数发布年终榜单2017年人们都关注哪些AI话题? ,,2017年12月28日除了发现开普勒90,NASA还靠AI做了什么? ,,2017年12月28日柯洁宣布:明年4月,将再次与围棋AI交锋 ,,2017年12月28日百度无人车美国首秀CES将发布Apollo2.0 ,,2017年12月28日这四种技术发展趋势将在2018年改变世界 ,,2017年12月28日2017:谷歌DeepMind团队的年度回顾 ,,2017年12月28日封杀这个公式,AI智商将为零 ,,2017年12月28日微软AI高管:要让所有人、所有机构都用上人工智能 ,,2017年12月28日为什么Linux桌面年一直未到来 ,,2017年12月28日AppleLisa操作系统将开源 ,,2017年12月28日2018年9大技术趋势预测 ,,2017年12月28日谷歌研究院发布NIMA:能评价图像有多美,还能让图像变得更美 ,,2017年12月28日苹果为2019年iPhone开发大容量电池新技术 ,,2017年12月28日谷歌发布Tacotron2:能更简单地训练AI学习演讲 ,,2017年12月21日TensorFlow漏洞爆发背后:关于AI安全我们的傻与天真 ,,2017年12月21日Android端Edge浏览器新版发布:常规性能优化和BUG修复 ,,2017年12月21日三星开发出全球最小的DRAM芯片技术领先优势扩大 ,,2017年12月21日腾讯绝艺AI下一步将学习AlphaGozero自对弈训练 ,,2017年12月21日Facebook社交VR应用Spaces扩大覆盖面:入驻HTCVive ,,2017年12月21日设计图曝光:三星双屏折叠手机原来是这样的 ,,2017年12月21日微信支付和支付宝已成为世界移动支付的"老师" ,,2017年12月21日新专利表明FaceID未来有望装备在iPad、MacBook和iMac等设备 ,,2017年12月21日首批九个建议加入EE4J的项目 ,,2017年12月21日这就是SurfacePhone?微软可折叠手机概念图曝光 ,,2017年12月21日继“Angel”开源后,腾讯又开放TDinsight机器学习平台 ,,2017年12月21日Photoshop设计实例:设计一个锯齿形折叠单张2014年01月28日Android涂鸦技术及刮刮乐示例分析 【移动开发】2015年05月29日在windows上搭建svn服务器 【编程语言】2015年03月09日Thetransactionlogfordatabase'xx'isfull,Error:9002,Severity:17,State:2【移动开发】2015年04月09日Ueditor.net版安装配置打开项目的源代码傻瓜版教程亲测~ 【移动开发】2015年08月14日多边形重心问题【架构设计】2015年04月24日javamyBatis枚举字段处理 【编程语言】2015年03月17日定期清理2周前指定目录指定层级指定后缀的文件 【数据库】2015年01月09日如何在gluster的源码中添加自己的xlator 【研发管理】2014年11月19日XML获取网站视频【综合】2014年11月18日linux平台学x86汇编(三):相关开发工具 【系统运维】2015年05月07日JSP自定义标签的实现过程2014年01月28日Android的原始资源Raw和Assert资源的使用-android学习之旅(五十七) 【编程语言】2015年07月07日PythonShow-Me-the-Code第0009题提取网页中的超链接 【系统运维】2015年05月13日黑马程序员——客户端登录【编程语言】2015年06月30日AndroidStudio1.3RC版build加速 【编程语言】2015年07月29日POJ2762Goingfromutovorfromvtou?强连通+缩点 【编程语言】2015年07月10日给定n个十六进制正整数,输出它们对应的八进制数, 【编程语言】2015年03月30日PPTX格式文件怎么打开?三种方法教你如何打开PPTX文件2014年01月28日hdoj2680Choosethebestroute 【移动开发】2015年08月27日hdu2825WirelessPassword【AC自动机+状压dp】2015年06月05日如何用指定内容快速填充Word表格中的所有空格2014年01月28日Oracle11g字符集AL32UTF8修改为ZHS16GBK详解 【编程语言】2014年12月16日LeetCode【Tree】:FlattenBinaryTreetoLinkedList 【移动开发】2014年12月03日【思路题】upcoj2219A^XmodP【编程语言】2015年04月17日javascript之页面打印 【架构设计】2014年12月22日【剑指Offer学习】【面试题51:数组中重复的数字】 【编程语言】2015年07月10日atitit.解决SyntaxError:missing】afterelementlist"不个object挡成个streval....2014年11月24日一致Hash算法 【移动开发】2015年07月21日例题10-9决斗UVa1636 【编程语言】2015年02月27日
我们保证
We guarantee
> psd效果文件手工切图,保证图片效果最好体积最小利于传输
> 100%手写的HTML(DIV+CSS)编码,绝对符合W3C标准
> 代码精简、css沉余量小、搜索引擎扫描迅速,网页打开快捷
> 应用Css Sprite能够减少HTTP请求数,提高网页性能
> 跨浏览器兼容(IE6、7、8、9,Firefox火狐,Chrome谷歌)