盒子模型就是思维模式 类似于积木 

我认为不是的，是本来全盒子高比如100px,内容如月饼50px,

如果减小padding-top ，他会减少月饼与盒子的上边距离，然后把上边减少的距离会认为是移到了下面的。

布局模型是设计网页结构的，比如好多月饼盒子在大礼包里面的摆放，盒模型是设计一个区域元素的结构，比如月饼盒子里面月饼的摆放

盒子模型就想象一下盒子装东西的样子，里面的东西的位置可以改动，以及盒子放在一个平面上（桌面上）的位置也可以改动。

???

adsadawda

ppt+后期配音

目测用ppt做的

你是要问什么问题？三个样式都挺简单的，有点逻辑思维都很好记，需要的是多练，孰能生巧

这些系统有些bug

宽度没算好布局的方法有问题  重新研究一下解决了

css中的注释是用/* */，<!-- 导航栏css -->这句话改成/* 导航栏css*/就好了。

视频里的上移，指月饼和上边距更近了，如果同时增加了下边距，那月饼确实是上移，如果下边距没改，那就是盒子扁了，上边框向月饼靠拢，同样是距离近了……

你竟然没有发现这个功能的实际用处吗？你把网页上个个分块看成一个个盒子就明白了，好看的网页不是几行代码就行了，得用一个个盒子或者积木拼搭起来，每个盒子实现的功能都不一样，各司其职。

<div style="height: 80px; width: 400px; border:1px solid red; ">

<div style=" height: 50px; width: 200px; border:1px solid blue; margin: 14px auto;" >

</div>

</div>

background: url("img=");

头文件对了吗？

设置二级导航栏就可以了撒！

希望我解释清楚了

举个栗子,如果一个html中有很多<p>标签,他们的格式都一样,但是有几个样式是特殊的,需要另外标记,这时候就需要考虑优先权的问题,用标签选择器p{},设置统一样式,用更高优先权的选择器设置特殊样式,如后代或者class选择器

叠层是指在特殊情况下，可以在有些样式重复的情况下可以使用到，

<div>叠层是指在特殊情况下，可以在有些样式重复的情况下可以使用到，

制作网页视频，用到html5的标签<video src="1.mp3"></video>,使用webstorm编辑工具或者其他的代码编辑工具

讲的不太准确，视屏中讲的是一种特殊情况，就是两个盒子的margin值都是相同的。

margin是盒子的外边距，表示盒子外面的空白区域。margin显示的是这个元素与浏览器窗口或者与另一个元素之间的空白区域。

第一种情况：盒子和浏览器之间。这种情况好理解。

第二种情况：两个相邻盒子（元素）之间。我认为你的理解是：有两个相邻的盒子都设定了margin的值，那么这两个盒子之间的距离就是两个margin值的和。（不知道我猜的对不对）你的理解是错误的。两个相邻的盒子都设定了margin，那么这两个盒子之间的距离就是取两个margin值较大的。

给你看看两个例子：分别代表上述两种情况。

一.

二.1margin设定的值相同：

2.margin的值不同：

不知道对你有没有帮助

http://www.runoob.com/css/css-boxmodel.html可以去这个地方看看

是月饼的实际高度加padding值和border的值 等于盒子的实际高度    月饼放在盒子中间 月饼到盒子边上的距离是padding 盒子边的厚度就是border的值   所以说月饼的实际高度加上两个padding值再加两个margin值等于盒子的实际高度

什么看不了，在刷新下

margin 

当你的水平达到一定程度的时候 你就会感觉1.0 变成了 0.5

整个盒子分四层 一层套一层 最内层横向是 withd（宽度）然后padding （内边距）border（边框）最外面是margin（页边的空白）

是包括的，你可以拿两div试一下，外边div设宽度300px，高度30px，内部div设宽度auto，高度10px，并且设置margin ：10px 10px 10px 10px，你会发现内部div实际宽度为280px。代码在下面：

<div style="width:300px;height:30px;border:1px solid red;"><div style="width:auto;height:10px;margin:10px 10px 10px 10px;border:1px solid blue;"></div></div>