清除默认内外边距
场景:
浏览器会默认给部分标签设置默认的margin和padding,但一般在项目开始前需要先清除这些标签默认的margin和padding,后续自己设置
- 比如:body标签默认有margin:8px
- 比如:p标签默认有上下的margin
- 比如:ul标签默认有上下的margin和padding-left
- .....
解决方法:
<style>
* {
margin: 0;
padding: 0;
}
</style>
版心居中
版心:指代的是网页的有效内容。
margin: 0 auto;
<style>
div {
width: 1000px;
height: 300px;
background-color: pink;
margin: 0 auto;
}
</style>