学编程的第十六天

默认情况下：盒子可见宽的大小由内容区，内边距，边框共同决定
box-sizing 用来设置盒子尺寸的计算方式 width/height 指的是谁
可选值：
content-box 内容区 默认值
border-box 宽度和高度用来设置整个盒子可见框的大小，包括边框，padding，内容区
默认样式：
浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，
所以为很多的元素都设置了一些默认的margin和padding，
而它的这些默认样式，正常情况下我们是不需要使用的。
所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉
注意：
1、link引入css文件，前提css必须要有
2、reset.css必须要在你写的css前引入,否则将会覆盖你写的.css文件
行内元素的盒模型：
1、内容区：
默认情况下，不可以自定义内容区的大小
2、内边距
默认情况下，可以正常设置内边距，但垂直方向内边距，但它不影响整个页面的布局
3、边框：
默认情况下，可以正常设置边框，但垂直方向边框大小，不影响整个页面的布局
4、外边距
默认情况下，垂直方向的外边距，不可设置，水平方向可以设置，且水平方向的外边距不会重叠