网站开发初学者常遇问题（一）

1.如何表现盒子模型的位置

方法：为盒子设置border属性
例：{border:1px solid blue}
注：在引用bootstrapt后，某些特定单词已被bootstrapt设置好了默认属性，在定义边界属性时不要命名为border，更改命名就可。

2.盒子居中设置方法

方法：设置居中类属性{width:XXpx;margin-left:auto;margin-right:auto}
注：
1.设置margin-left:Mpx;margin-right:Mpx;可能会表现出盒子居中效果，但这并不是正确方法。
2.设置居中后，打开网页发现整个盒子效果还是铺满整个屏幕，此时不要先去修改代码，可以尝试缩小网页查看居中属性是否生效。（原因：大多数浏览器默认网页铺满整个屏幕）

初次打开页面效果，误认为自己设置的居中属性未生效

缩小网页后呈现效果，居中已产生

3.为什么定义border-botto或者border-top属性没有效果

原因之一：盒子范围不包括边界border
解决方法：设置盒子属性：style="box-sizing: border-box"

4.http-server建立网页连接与直接从文件夹打开网页的区别

答：最直接的区别，绝对路径的根目录是不一样的。如果起http服务，根目录就是起服务的文件夹，此时你的网站，无论用户用什么手段，都不能访问这个文件夹之外的任何文件。但是直接打开文件就不一样了，根目录就变成你整个计算机系统的根目录了，而且你的网页也可以访问到其他文件夹了（比如C盘的网页访问D盘的图片），这样，直接导致你的图片可能加载不出来。

5.其他注意问题

1.编代码一定要选用谷歌或者火狐浏览器
2.错误效果先去控制台检查元素，位置不对着重看margin、border、padding