div外边距css样式的简单介绍

HTLM基础认知DIV框架及CSS样式_html格式

1、HTLM基础认知DIV框架及CSS样式首先要了解HTLM基础、CIV框架以及CSS样式，HTML称为超文本标记语言，是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。

石峰网站建设公司创新互联建站,石峰网站设计制作，有大型网站制作公司丰富经验。已为石峰上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的石峰做网站的公司定做！

2、html css基础教程归纳如下：第Html介绍本章节主要讲解html和css样式的关系，以及html标签、html文件结构、head标签，最后讲解了在html中的注释代码的作用。

3、html和css区别二：注释的格式在html中，一般注释的格式是！--要注释内容--，而在css中，注释的格式一般是/*注释内容*/，两者是完全不同的注释方法。

4、css是多用于样式，主要的用途是对网页中字体、颜色、背景、图像及其他各种元素的控制，使网页能够完全按照设计者的要求来显示。

5、感兴趣的话点击此处，免费学习一下学习HTLM基础认知DIV框架及CSS样式和浮动原理、Margin认知首先要了解HTLM基础、CIV框架以及CSS样式， HTML称为超文本标记语言，是一种标识性的语言。

6、css (Cascading Style Sheets) 层叠样式表是一个普普通通的网页。

margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。Margin呈现是位于对象边框外侧，紧贴于边框，marign与padding位置却相反css padding却是紧贴边框位于边框内侧。

设置两个div之间的间距的方法：先定义两个div，div里面分别有一段话。分别给两个div加上不同的背景色，方便看到div的位置。设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。

利用CSS3 新添加的盒子模型属性 box-flex；可以让子容器针对父容器的宽度按一定规则进行划分。ie 目前不支持，估计后续版本会兼容这个属性。必须在父元素上面加上display：box；才可以对子元素进行规则划分。

如果上面的div中你使用过float浮动的话，那么你需要在上面的DIV结束时候加多一个div来清除上面div所产生的浮动。 clear：both 这样的样式。然后下面的div加上样式 margin-top：20px；就可以产生20px的像素间距了。

如果是div与div之间的距离，可以通过添加“margin：上(数值) 右(数值) 下(数值) 左(数值)”来实现距离控制。如果是其他标签与div或者其他标签之间的距离，可以在其他标签内添加display：block后，同样采用margin控制。

1、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。浏览器运行index.html页面，此时3个div子子容器的垂直间距被统一设置为了30px。

2、div居中可以用外边距margin属性来实现。

3、下外边距是 15px margin：10px 5px；上外边距和下外边距是 10px 右外边距和左外边距是 5px margin：10px；所有 4 个外边距都是 10px 说明：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距。

4、DIV样式：position：absolute； left：50%；当前DIV百分50后DIV左边刚好和中线对齐，margin-left：DIV自已的宽度+20PX，这样DIV就刚好离父级中线20像素了。margin-left：DIV自已的宽度/2，这样得到是DIV在你级中水平居中。

5、.box{ padding：10px 20px 30px} /*如果属性值只有3个数字，设置的就是上(10px)、左右(20px)、下(30px)*/ 外边距也是一样。

1、margin-left：设置元素的左外边距。margin-right：设置元素的右外边距。margin-top：设置元素的上外边距。请点击输入图片描述 margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

2、margin在css中的意思是外边距。margin，是CSS语法，这个简写属性用于在一个声明中设置所有当前或者指定元素所有外边距的宽度，或者设置各边上外边距的宽度。margin简写属性在一个声明中设置所有当前或者指定元素外边距属性。

3、外边距很好理解，就是指边框以外的距离，可以表示和其它元素之间的距离，使用margin属性来设置。margin后面可跟多个值，中间用空格分离，含义如下：（1）首先我们放置三个盒子，颜色不同，宽高均为100px。

4、margin是外边距的意思，当一个元素样式属性里有margin：0 auto时，并且父元素的宽度是确定的，意思是这个元素处于其父元素的居中位置，并且这个元素的上下外边距为0。

5、margin 的默认值是 0，所以如果没有为 margin 声明一个值，就不会出现外边距。但是，在实际中，浏览器对许多元素已经提供了预定的样式，外边距也不例外。例如，在支持 CSS 的浏览器中，外边距会在每个段落元素的上面和下面生成“空行”。

分享文章：div外边距css样式的简单介绍
转载来于：http://hbruida.cn/article/dgidsec.html