当前位置:  编程技术>WEB前端

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

    来源: 互联网  发布时间:2014-10-04

    本文导语:  一直都对CSS中Padding 属性中参数个数的定义颇为困惑,例如: body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查看了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

做个记号,表忘记了。

    
 
 

您可能感兴趣的文章:

  • CSS3 box-flex-group 属性
  • CSS属性 - white-space 空白属性使用说明
  • CSS3 rotation 属性
  • CSS教程之css选择器 、属性、值
  • CSS empty-cells 属性
  • jQuery设置CSS属性(示例)
  • CSS table-layout 属性
  • jQuery 设置 CSS 属性示例介绍
  • CSS3 grid-rows 属性
  • CSS属性搜索 Browser Support
  • CSS border-spacing 属性
  • jquery控制css的display属性(显示与隐藏)
  • CSS caption-side 属性
  • CSS 关于网页图片的属性
  • CSS3 target-new 属性
  • jquery控制css display属性(控制元素显示与隐藏)
  • CSS3 box-lines 属性
  • jQuery修改CSS伪元素属性的方法
  • CSS3 grid-columns 属性
  • jquery控制css元素的display(显示与隐藏)属性
  • CSS3 text-outline 属性
  • css white-space:nowrap属性用法(可以强制文字不换行输出)
  • java命名空间javax.swing.text.html类css的类成员方法: css定义及介绍
  • CSS3转换函数定义 Morf.js
  • java命名空间javax.swing.text.html类css的类成员方法: getattribute定义及介绍
  • CSS定义通用透明效果
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font定义及介绍
  • CSS重新定义项目符号和编号技巧
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin定义及介绍
  • 利用CSS,链接下划线也玩自定义
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: padding定义及介绍
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • PHP根据传入参数合并多个JS和CSS文件的简单实现
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font_size定义及介绍
  • <!--@import"css/cssset/.css-->,css/cssset/.css是什么意思?
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: font_variant定义及介绍
  • CSS预处理器 Less CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: margin_left定义及介绍
  • css强制换行 css强制不换行的css方法
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: text_align定义及介绍
  • CSS代码格式化 CSS Beautify
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: text_decoration定义及介绍
  • jquery css类用法(添加、修改与删除css)
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: text_indent定义及介绍
  • CSS 框架 Simpl.css
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: word_spacing定义及介绍
  • CSS解析器 CSS Parser
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: background_attachment定义及介绍
  • CSS压缩器 Css Compressor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: background_repeat定义及介绍
  • Eclipse的CSS编辑插件 CSS Editor
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: border_style定义及介绍
  • jQuery添加/改变/移除CSS类及判断是否已经存在CSS
  • java命名空间javax.swing.text.html类css.attribute的类成员方法: letter_spacing定义及介绍
  • CSS代码检查工具 CSS Lint


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3