持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第27天，点击查看活动详情
盒子模型（Box Model）就是把HTML页面中的元素看作是一个矩形的盒子，类似装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成
网页布局，细看本质
网页布局即：把网页元素比如文字图片等等，放入盒子里面，然后利用CSS摆放盒子的过程
所有的文档元素（标签）都会生成一个元素框（element box）。它描述了一个文档元素再网页布局汇总所占的位置大小
每个盒子除了有自己大小和位置外，还影响着其他盒子的大小和位置
盒子边框（border）
border-width、border-style、border-color
边框样式（border-style）
样式用于定义页面中边框的风格：
- none：没有边框即忽略所有边框的宽度（默认值）
- solid：边框为单实线(常用)
- dashed：边框为虚线
- dotted：边框为点线
- double：边框为双实线
边框写法总结：参考大神笔记
写在最后
重新开始更文啦！最近忙了一段时间，终于继续可以学习！感谢大家的支持！我会继续努力坚持学习！养成了好习惯，每天必定会抽出时间多多少少学习前端知识～
以上习题&笔记从大佬们的论坛学习而来，特感谢大佬们的知识分享～ （学习技术知识，果然要看大佬们的技术博客，大家有好的推荐也欢迎指引我这个小白哈，感恩！）
附上学习链接，感谢这些大佬出题和解答：
