ITPub博客

首页 > 应用开发 > Html/css > CSS 外边距和内边距

CSS 外边距和内边距

原创 Html/css 作者:as507169008 时间:2018-10-10 14:21:36 0 删除 编辑

CSS margin(外边距)

margin(外边距)属性定义元素周围的空间。

margin属性接受任何长度单位、百分数值甚至负值。

margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。

margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。

margin可以使用负值,重叠的内容。

可能的值:

auto :设置浏览器边距,这样做的结果会依赖于浏览器

http://www.iis7.com/a/lm/gjcpmcx/

length:定义一个固定的margin(使用像素,pt,em等)

% :定义一个使用百分比的边距

为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性,所有边距属性的简写属性是 margin :

margin:在一个声明中设置所有外边距属性。

margin-bottom:设置元素的下外边距。

margin-left:设置元素的左外边距。

margin-right:设置元素的右外边距。

margin-top:设置元素的上外边距。

margin:属性可以有一到四个值:(边距是顺时针旋转:上右下左)

margin值为四个值时:

上距离

右距离

下距离

左距离

margin值为三个值时:

上距离

左右距离

下距离

margin值为两个值时:

上下距离

左右距离

margin值为一个值时:

上下左右都距离

。。。。。。

CSS padding(填充)

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

当元素的 Padding(填充)(内边距)被清除时,所"释放"的区域将会受到元素背景颜色的填充。

单独使用填充属性可以改变上下左右的填充。缩写填充属性也可以使用,一旦改变一切都改变。

length:定义一个固定的填充(像素, pt, em,等)

%:使用百分比值定义一个填充

padding(填充)是一个简写属性,定义元素边框与元素内容之间的空间,即上下左右的内边距。

为了缩短代码,它可以在一个属性中指定的所有填充属性,这就是所谓的简写属性。所有的填充属性的简写属性是 padding :

padding:使用简写属性设置在一个声明中的所有填充属性

padding-bottom:设置元素的底部填充

padding-left:设置元素的左部填充

padding-right:设置元素的右部填充

padding-top:设置元素的顶部填充

padding:属性可以有一到四个值:(边距是顺时针旋转:上右下左)

padding值为四个值时:

上填充

右填充

下填充

左填充

padding值为三个值时:

上填充

左右填充

下填充

padding值为两个值时:

上下填

左右填

padding值为一个值时:

上下左右都填充


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/31552074/viewspace-2215845/,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2018-09-14

  • 博文量
    144
  • 访问量
    49142