margin pading 区别

margin是外边距padding是内边距,用CSS时首先要做的就是把所有标签的marginpadding清空。这样更容易控制布局和兼容浏览器。

p li等标签都是默认有margin的

清空方法:*{margin:0; padding:0;}  *是通配符,表示所有标签元素。

CSS把每个元素视为一个“Box(盒子)”,通过排列大大小小的多个“盒子”,完成页面的呈现。

关键是记着盒子模型其实是“一个套一个”的多个矩形,知道“Border”、“Padding”和“Margin”三个术语的含义。

margin是标签和标签之间的空白

padding是标签边框(Border)和内容(Content)之间的空白

通俗地说——

padding(内边距) 就是内容与边框的距离;

margin(外边距) 就是边框与其他元素的距离。

margin是调整不同元素间的距离,padding是调整一个元素内的内容和元素边框的距离,可以理解为margin的级别比padding高,不过两个的语法是相同的

"margin padding在网站中是css样式

代码同下 a{margin:5px;padding:5px}

其实是有上下左右4个参数的,上边的写法是简写,实际上等价于

a{margin:5px 5px 5px 5px;padding:5px 5px
5px 5px;}

先解答下4个数字代表啥, 代表距离上、右、下、左的距离(顺时针方向)

margin 是标签距离周围标签的距离

padding 是标间内容和边框间的距离

margin:0 auto 表示什么意思??

margin后面如果只有两个参数的话,第一个表示top和bottom,第二个表示left和right

因为0 auto,表示上下边界为0,左右则根据宽度自适应相同值(即居中)

时间: 2024-10-12 18:01:10

margin pading 区别的相关文章

_margin和margin的区别

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD

padding和margin的区别

简单来说,padding就是内边距,margin就是外边距如下图: margin和padding的区别用图表示为:

padding与margin的区别(网上转的)

一.对于几个概念的比较模糊的这里记录一些: padding margin都是边距的含义,关键问题得明白是什么相对什么的边距. padding是控件的内容相对控件的边缘的边距. margin是控件边缘相对父空间的边距. android:gravity 属性是对该view 内容的限定.比如一个button 上面的text. 你可以设置该text 在view的靠左,靠右等位置.该属性就干了这个. android:layout_gravity是用来设置该view中的子view相对于父view的位置.比如

Android 中padding和margin的区别

区别 padding是在控件内部的 margin是在控件外部的 如图所示,红线区域是margin,黑线区域是padding 下面是TextView的各种 padding,margin的使用效果 这里宽高全是wrap_content <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android

盒模型中padding、border、margin的区别

在CSS中,规定了一种基本设计模型--盒模型(也叫框模型),如图所示: 其中包含了四部分内容:element/元素(即图中文字).padding/内边框(图中两个红色边框之间白色部分).border/边框(蓝色区域).margin/外边框(图中两绿色边框中间白色部分). 区别: element占据的就是字体本身的字号大小: padding和margin 类似,指的是一段距离,只能设置上.下.左.右方向的一段长度,不能设置区域颜色: 而border指的是一块区域,可以设置上下左右方向的长度,而且可

HTML中padding和margin的区别和用法

 margin(外边距) 定义:margin是用来隔开元素与元素的间距,发生在元素本身的外部,margin用于布局分开元素使元素与元素互不相干. 提示:margin: top right bottom left;(margin:10px 20px 30px 40px) 它的给值方式为上,右,下,左. 建议何时应当使用margin: 需要在border外侧添加空白时. 空白处不需要背景(色)时. 上下相连的两个盒子之间的空白,需要相互抵消时.如15px + 20px的margin,将得到20px的

padding和margin的区别和作用及各种场合出现的bug

一.padding Padding: 包括padding-top, padding-right, padding-bottom, padding-left, 控制块级元素内部, content与border之间的距离 1.语法结构 (1)padding-left:10px; 左内边距 (2)padding-right:10px; 右内边距 (3)padding-top:10px; 上内边距 (4)padding-bottom:10px; 下内边距 (5)padding:10px; 四边统一内边距

android:padding和android:margin的区别

Android的Margin和Padding跟Html的是一样的.如下图所示:黄色部分为Padding,灰色部分为Margin. 通俗的理解: Padding 为内边框,指该控件内部内容,如文本/图片距离该控件的边距 Margin 为外边框,指该控件距离边父控件的边距 对应的属性为 android:layout_marginBottom="25dip"  android:layout_marginLeft="10dip"  android:layout_margin

关于padding与margin的区别

代码一:全为padding. <!doctype html><html><head>    <meta charset="UTF-8">    <title>margin||padding</title>    <style type="text/css">#div1{    width: 800px;    background-color: red;    padding: 20