首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：。
我们注重客户提出的每个要求，我们充分考虑每一个细节，我们积极的做好成都网站设计、做网站服务，我们努力开拓更好的视野，通过不懈的努力，成都创新互联赢得了业内的良好声誉，这一切，也不断的激励着我们更好的服务客户。 主要业务：网站建设,网站制作,网站设计,微信小程序开发,网站开发,技术开发实力，DIV+CSS，PHP及ASP，ASP.Net，SQL数据库的技术开发工程师。
制作html盒子有多种方式，比如说可以用div、p、span标签等等，只要给它们盒子样式，比如说宽width，高height，边框border等等。
首先一个大的盒子，把他们都装起来，然后先分左右两个div，然后左边的盒子再分三个盒子，第二个盒子再分左右两个盒子，第三个盒子也是一样。
所有HTML元素可以看作盒子，在CSS中，box model这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。
CSS中， Box Model叫盒子模型（或框模型），Box Model规定了元素框处理元素内容（element content）、内边距（padding）、边框（border） 和 外边距（margin） 的方式。
概念： 盒子模型(Box Model)就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的 容器。
CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括： 边框 、 外边距 、 内边距 、和 实际内容 border可以设置元素的边框。
常见网页布局中三个盒子并排排列，中间有间隙48px，实现方法有2种。
首先，我们定义ul li 定义出大盒子和三个小盒子，给他们添加合适的高度宽度，在li 的三个小盒子里添加 float： left使其浮动，再给他们添加margin-right，这样他们之间就有个间隔啦。
首先打开hbuilder软件，新建一个html文件，在html里面写入html结构，在给每个子div设置一个class属性。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：.sub{margin-top： 30px；}。
1、盒子模型：把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。
2、一个盒子模型分成几部分：- 内容区（content）- 内边距（padding）- 边框（border）- 外边距（margin）12345 内容区 内容区：盒子中放置内容的区域，也就是元素中的文本内容，子元素都是存在于内容区中的。
3、作用： CSS 围绕这些盒子产生了一种“盒子模型”概念，通过定义一系列与盒子相关的属性，可以极大地 丰富 和 促进 各个盒子乃至整个 HTML 文档的 表现效果和布局结构 。
设置div的margin；使两个div之间的间距扩大。这样让两个div之间的间距扩大的问题就解决了。
打消凹凸机关隔绝距离 DIV之间距离 让两个高低构造DIV块距离为零，通常熟手在行在出产DIV CSS页面的时刻，不会思考到初始化CSS属性，如许各标签属性默许的CSS属性将会形成错位、兼容等题目。
三个div都用float的话就并排显示了，不过三个div的宽度也会影响，三个div的宽度加起来必须小于父元素宽度才会并排，否则会换行。
right；来设置吗？如果知道宽高的话，就设置宽高值，这样位置会比较固定，然后再设置margin值就可以设置他们的间距。每一行之后，最好用div style=“clear：both；”/div来清除浮动，这样下一行就不会跟着浮动了。
利用CSS3 新添加的盒子模型属性 box-flex；可以让子容器针对父容器的宽度按一定规则进行划分。ie 目前不支持，估计后续版本会兼容这个属性。必须在父元素上面加上display：box； 才可以对子元素进行规则划分。
元素的边框是围绕元素内容和内边距的一条或多条线，可以使用 border 属性来规定元素边框的样式、宽度和颜色。