2021-10-09

今天来总结下有关盒子模型的知识点
盒子模型是css的其中一个重要的核心概念之一，它是使用css控制页面元素外观和位置的基础。
第一部分就是给页面设置宽度和高度，对于页面内容所超出的部分可以用overflow来控制溢出，默认值为visible,超出部分隐藏用hidden,内容多时用auto滚动条，以及行高用line-height等。
其次就是边框的设置，边框宽度用border-width，边框颜色border-color，边框样式border-style，包括虚线dashed,实线solid，点状dotted等各种样式。
最后包括内边距（padding）,外边距（margin）
盒子模型要进行占位，网页中所占的高度/宽度＝自己本身的高度/宽度＋元素的边框厚度＋元素的内边距＋元素的外边距。
所以在进行网页设计时要注意这一点，总结就到这里了，下期再见