人之为学,不可自小,又不可自卑。
——顾炎武
一、CSS盒模型
1.盒模型介绍
CSS对HTML文档元素生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。
盒模型并不是官方提出的,而是后期针对块元素提出的。
盒模型又称框模型(Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin) 几个要素,图示如下:
![html css boxmodel image](https://i-blog.csdnimg.cn/blog_migrate/7dde009c6e0ed3b57492f073883b3a26.gif#pic_center)
2.盒模型之border用法
border表示边框,包括边框宽度、边框风格、边框颜色,例如ele:{bord