`
zengshaotao
  • 浏览: 787748 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

padding margin

 
阅读更多
<body onclick="bodyclick()" leftMargin=200 topMargin=120 rightMargin=200>

<div id="mainDiv" style="height:auto;padding-left:5px;padding-top:5px;background-color:#99FF00">

<input type="text" value="zheshi">
</div>
</body>

padding是内边距，也就是div里的第一个元素排版相对于div排版的边界位置。
效果：




对于margin，则是div相对于其外元素排版的相对偏移。在上段代码里，div是包含于body里的，而body里设置了leftMargin，也就是说文档展示会相对浏览器左侧偏移200px之后，又会增加div的margin距离
  • 大小: 27.9 KB
分享到：
| 页面样式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android_中_padding与margin

    ### Android中的Padding与Margin详解 在Android开发过程中，布局设计是一项非常重要的工作。合理的布局能够提升应用的用户体验，而`padding`与`margin`作为控制视图间距的关键属性，在实现美观且符合逻辑的设计中...

    Css padding和margin区别

    这个一个CSS padding和margin的例子，对初学者很有帮助的哦~ .divcss3{border:1px solid #F00;width:400px;margin-left:15px; padding-left:35px;} .box2 { margin-left:10px; padding-left:15px; width:300px...

    padding和margin区别

    padding和margin区别 padding和margin区别 padding和margin区别padding和margin区别

    HTML中padding和margin的区别，代码加详解

    `#text` 元素的 padding 设置为 `20px 40px`，margin 设置为 `20px`，这意味着元素内容与边框之间的距离为 `20px`，水平方向上元素与其他元素之间的距离为 `40px`，垂直方向上元素与其他元素之间的距离为 `20px`。...

    css中padding、margin两个重要属性的详细介绍及举例说明

    ### CSS中的Padding与Margin属性详解 #### 一、引言 在前端开发中，CSS（层叠样式表）是用于定义HTML文档外观的核心技术之一。其中，`padding`与`margin`是两个至关重要的属性，它们直接影响着网页元素的空间布局...

    Alignment、Margin 和 Padding 概述

    ### Alignment、Margin 和 Padding 概述 在 Windows Presentation Foundation (WPF) 开发过程中，对元素进行精确定位是一项至关重要的任务。为了更好地理解和运用这些技术，本篇将详细介绍 `HorizontalAlignment`、...

    CSS的margin和padding

    **CSS的margin和padding详解** **Margin是什么** 在CSS中，`margin`是一个非常重要的属性，它用于定义元素周围的空间，即元素与元素之间或元素与容器边界的距离。`margin`是透明的，不会影响元素本身的颜色或背景...

    css中padding和margin的异同点介绍

    CSS中的padding（内边距）和margin（外边距）是控制网页布局中元素之间距离的关键属性。本文将从语法结构、可能取的值、浏览器兼容性等方面详细介绍padding和margin的异同点，并结合图示提供直观的理解。 一、...

    09_盒子模型-padding和margin对比.html

    09_盒子模型-padding和margin对比

    各浏览器padding、margin的差异

    ### 各浏览器padding、margin的差异 在网页设计与开发过程中，经常遇到的一个问题是不同浏览器对CSS属性（如`padding`和`margin`）的解释存在差异。这种差异可能导致页面布局在不同浏览器中的表现不一致，进而影响...

    万圣节html代码大全.docx

    margin和padding是CSS样式的两个重要属性，用于设置元素的边距和内边距。在这个示例中，margin属性被用于设置动画元素的边距。 Auto Margin auto margin是CSS样式的一个属性，用于自动设置元素的边距。在这个示例中...

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    在网页布局设计中，我们经常会遇到这样一个问题：当一个元素（如`div`）的宽度设置为`width: 100%`时，如果再添加`padding`或`margin`，元素的总尺寸会超出其父元素的宽度，导致布局混乱。为了解决这一问题，我们...

    盒模型的介绍，以及margin（外边距）padding（内边距）的使用.zip

    - **百分比值**：`padding`和`margin`可以使用百分比值，相对于父元素的宽度（对于`margin`，在大多数情况下是这样），这在响应式设计中非常有用。 - **自动值**：`margin`和`padding`可以设置为`auto`，这通常用于...

    关于ol和ul的padding和margin默认值

    这些列表元素在不同的浏览器中可能有不同的默认样式，尤其是涉及到`padding`和`margin`属性。`padding`是元素内部边距，而`margin`是元素与周围元素之间的空白区域。 在《CSS Mastery》一书中提到，Internet ...

    Android中gravity、layout_gravity、padding、margin的区别小结

    在Android开发中，理解并熟练运用`gravity`、`layout_gravity`、`padding`和`margin`是非常关键的，它们决定了视图（View）在布局（Layout）中的位置和内部元素的间隔。下面将详细阐述这四个概念的区别和用法。 ...

    CSS中margin和padding的区别浅析

    在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。下面讲解 padding和margin常用的用法

    css行内元素padding,margin,width,height没有变化

    由于这种布局差异，行内元素在设置一些CSS属性时表现得与块状元素大相径庭，特别在处理宽度（width）、高度（height）、内边距（padding）和外边距（margin）时。 一、行内元素与宽度 行内元素的宽度默认是根据内容...

    常用元素默认margin和padding值问题探讨

    而在这些视觉样式定义中，margin（外边距）和padding（内边距）是非常常用的两个属性，它们用于调整元素与元素之间的空间以及元素内容与元素边界之间的空间。由于不同的浏览器可能会有不同的默认样式，因此开发者在...

Magicbox
Global site tag (gtag.js) - Google Analytics