paddingCSS样式里的padding和margin是什么意思,有何作用

CSS里的padding是什么意思？

1. padding是内边距的意思，相对于margin外边距。

2. 我们用CSS的 padding 属性定义元素边框与元素内容之间的空白区域。

3. padding 接受长度值或百分比值，但不允许使用负值。

4. 示例：如果希望所有内边距都是10 像素，只需要设置：padding:10px; 就可以了。

5. 也可以分别设置4个边的内边距，只需通过它们的单独属性，分别设置上、右、下、左内边距： * * padding-right * padding-bottom * padding-left 简写就是：padding:1px 2px 3px 4px; (上右下左)，此写法符合标准，推荐使用。

CSS中padding的用法

不兼容原因，a标签属于内联标记，不应该给他直接设置padding 应该避免的是，元素需要定义高度和宽度的时候尽量避免设置padding属性而用margin属性代替。

解决方案， A标签必须属性是行元素display:block; A标签如果有宽度 高度属性，那么就不能有padding属性，（IE FF解释不一样 所以不能使用。

） A标签如果没有宽度 高度属性 可以使用padding，那么他外层就必须有元素有对应属性固定A标签的宽度和高度。

解决代码一。

css修改： a {font-size: 14px;color: #006699;} 修改为 a {font-size:14px;color:#006699; display:block; padding:5px; } 新添加一个ID #all {width:145px; height:122px; } 标签修改 <a href="#" style=" padding:4px;"><img src="photo_106828.jpg" width="135" height="112" border="0" /></a> 修改为 <div id="all"><a href="#"><img src="未命名-2.jpg" width="135" height="112" border="0" /></a></div> 此方式使用padding，所以A标签不能有高度和宽度属性，从新定义一个DIV 封套住A标签，DIV标签设置宽度高度 宽度属性。

（值=实际尺寸+padding尺寸） 解决代码二， css修改： a {font-size: 14px;color: #006699;} 修改为 a {font-size:14px;color:#006699; display:block; padding:5px; width:145px; height:122px;} 标签修改 <a href="#" style=" padding:4px;"><img src="photo_106828.jpg" width="135" height="112" border="0" /></a> 修改为 <a href="#"><img src="未命名-2.jpg" width="135" height="112" border="0" style="margin:5px;" /></a> 此方法给A定义宽度高度，所以能使用padding 而用A内部的img标签定义margin 分开空隙。

html中Padding和Margin属性有什么区别？

盒子模型的这两个属性有根本性区别，比如设一个div的padding属性，它的子标签元素会相应移动。

而设置它的margin属性，这个div整个标签会依据兄弟元素或父元素移动。

CSS样式里的padding和margin是什么意思,有何作用

Padding:这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。

行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。

元素的背景会延伸穿过内边距。

不允许指定负边距值。

值 描述 * * padding-right * padding-bottom * padding-left 设置内边距。

值可以是： * 百分比（基于父元素宽度的百分比） * 长度值（固定的padding值） Margin:这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。

行内元素的的左右外边距不会合并。

同样地，浮动元素的外边距也不会合并。

允许指定负的外边距值，不过使用时要小心。

值 描述 * * margin-right * margin-bottom * margin-left 设置针对边距的属性。

值可以是： * 百分比（基于父对象总高度或宽度的百分比） * 长度值（定义一个固定的边距） * auto（浏览器设定的值）。

默认值：未定义。