边框样式调整以及位置调整技巧

一切都是基于盒子模型

因为任何元素都是盒子模型，所以可以通过设置最外围的div style=” border 1px solid (以及颜色)” 来将所占区域显示出来，可以及时看到调整效果

Margin，border，padding，content中 左边距，右边距，上下边距都可以设置为负值，不光是0以及正值

也可以打开F12
点击对应元素块上，查看右侧具体style样式，在页面调整完毕后，将修改的值加入到自己的代码中

使用调试时的简单步骤

打开浏览器按下F12
在新打开的开发者选项栏的左上角找一个图标，图标是一个小窗口和光标的组合，单击后，鼠标移动到页面上，要调整的块高亮时点击，下方显示该元素渲染后的位置以及相关样式将显示在右侧栏中。