html外边距有哪些,css外边距是什么？css外边距属性的介绍

在学习css的时候，会css外边距这一概念，所以，css外边距是什么呢？边框以外就是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素，接下来本篇文章将来给大家介绍关于css外边距属性的相关内容。

首先我们应该知道css的外边距属性是margin。

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

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

我们来通过一张图看看css外边距属性值对应的是什么：

css外边距margin属性值最多为四个：分别表示上外边距、右外边距、下外边距、左外边距。也可以是三个：表示上外边距、左右外边距、下外边距。也可以是两个：表示上下外边距、左右外边距。最少为一个：表示四边外边距。

css外边距属性值可以是auto，浏览器自动计算外边距，块级元素会水平居中显示；属性值可以是百分比，百分比是基于父元素的宽度计算的；属性值可以是CSS长度单位，值可以是负值。属性值可以是inherit。

接着我们就来直接看css外边距的实现代码

注意：css外边距margin属性的默认值是0，所以如果没有为margin声明一个值，就不会出现外边距。

css外边距实现代码如下：

Gxl网

background-color:yellow;

}

p.margin{

margin:2cm 4cm 3cm 4cm;

}

没有指定外边距大小

有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距有外边距

css外边距实现效果如下：

最后：

以上就是本篇文章的全部内容了，如果对css外边距属性margin想要更进一步的了解，可以参考css学习手册。

html外边距有哪些,css外边距是什么？css外边距属性的介绍相关推荐

CSS基础(part12)--盒子模型之外边距
学习笔记,仅供参考,有错必纠参考自:某不知名网课文章目录盒子模型外边距属性设置块级盒子水平居中文字居中以及盒子居中插入图片和背景图片的区别清除元素的默认内外边距外边距合并(只存在垂 ...
CSS 之盒子模型——边框、内边距、外边距
使用width来设置盒子内容区的宽度使用height来设置盒子内容区的高度 width和height只是设置的盒子内容区的大小,而不是盒子的整个大小,盒子可见框的大小由内容区,内边距和边框共同决定 ...
CSS基础(part11)--盒子模型之内边距
学习笔记,仅供参考,有错必纠参考自:某不知名网课文章目录盒子模型内边距(padding) 属性设置内盒尺寸计算 padding什么时候不影响盒子大小盒子模型内边距(padding) pa ...
微信小程序css内边距能么调,微信小程序中CSS的内边距和圆框
问题描述在制作小程序的时候会经常用到浮动来设计各种组件的排版,微信小程序对排版的要求很高.光有浮动是远远不够的,如果一个板块内的组件过多就会变得混乱.所以就需要用设置内边框来调整位置.微信小程序中会 ...
在html中怎么设置页面边距,在打印网页时怎么设置调整页边距
在打印网页时怎么设置调整页边距今天给大家介绍一下在打印网页时怎么设置调整页边距的具体操作步骤. 1. 首先打开电脑,找到想要打印的网页打开. 2. 点打开之后,在页面右上角点击三横图标. 3. 在弹 ...
js 标签距离文档边距_如何控制Google文档中的边距
js 标签距离文档边距 Margins in a document are the white space that surrounds the text in your file. They app ...
HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
css img重复_20 个 CSS 快速提升技巧
code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群转载自:http://www.javanx.cn/20190321/css-skill/本文涵盖了20个css技巧,可以 ...
【CSS】【7】CSS的盒子模型
一.margin与padding的区别: 当我们把网页想像成一面墙时,网页中的内容总可以概括为由一个个的盒子所构成的,如图: 这里单独地把一个盒子拿出来,就会发现由外边距.边框.内边距和 ...

html外边距有哪些,css外边距是什么？css外边距属性的介绍

html外边距有哪些,css外边距是什么？css外边距属性的介绍相关推荐

最新文章

热门文章