css padding margin

在CSS中margin从自身边框到另一个边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自部另一个容框之间的距离,就是容器内距离。

一、padding

(1)padding-left:10px; 左内边距

(2)padding-right:10px; 右内边距

(3)padding-top:10px; 上内边距

(4)padding-bottom:10px; 下内边距

(5)padding:10px; 四边统一内边距

(6)padding:10px 20px; 上下、左右内边距

(7)padding:10px 20px 30px; 上、左右、下内边距

(8)padding:10px 20px 30px 40px; 上、右、下、左内边距

二、margin

(1)margin-left:10px; 左外边距

(2)margin-right:10px; 右外边距

(3)margin-top:10px; 上外边距

(4)margin-bottom:10px; 下外边距

(5)margin:10px; 四边统一外边距

(6)margin:10px 20px; 上下、左右外边距

(7)margin:10px 20px 30px; 上、左右、下外边距

(8)margin:10px 20px 30px 40px; 上、右、下、左外边距

padding内边距 ,如果元素 height:10px; padding-top:10px; 元素实际的高度就20px了。内边距相当于在自身内“撑开”。
margin外边距 ,不会将元素“撑开”。

Padding(填充)属性元素边框素内容之间的空间。

Padding属性设置元素内边宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用,一旦改变一个数值,则padding对应的距离都会改变。

扩展资料:

可能的值:

auto:浏览器计算外边距。

length:规定以具体单位计的外边距值,比如像素、厘米等。默认值是 0px。

%:规定基于父元素的宽度的百分比的外边距。

inherit:规定应该从父元素继承外边距。

内外距离区别:

margin与padding如何进行区分,这是很多学html人的困扰,其实说白了padding 就是内容与边框的空隙。而margin则是模块与模块的空隙。

参考资料来源:百度百科-padding

泰州小胖老师一拖二 lol显卡要求最高 深圳大功率加热棒 沈阳联通宽带套餐介绍2018 封神之寡人有疾 怪物猎人x轻弩视角设定 what i ve done mv 毛 sci一区是什么水平 雷士ledt5灯管 图书馆战争第二季 arcgis坡度图 部落冲突10本没地狱塔护金阵 仙境传说ro怪物图鉴 asus update使用方法 xbox360手柄1灯闪烁 《机甲风暴》 小学生校园安全海报 妈妈教我一支歌的简谱 gdkpixbuf 读像素 超轻粘土章鱼主题 浜氭床瀵傚癁鑲変笣缈樿噣 重庆七月看花 dw环保网站 送别华语群星女生合唱 苦荞米怎么吃比较好 氢气能与氧气切割吗 金海湖121抗衰老中心 八六年沪剧演唱会 NBA vipleague 港版惠氏和国产的区别

Copyright 中易吧 Some Rights Reserved

如反馈或投诉等情况联系:une35498#163.com