文章目录
人之为学,不可自小,又不可自卑。
——顾炎武
一、CSS盒模型
1.盒模型介绍
CSS对HTML文档元素生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。
盒模型并不是官方提出的,而是后期针对块元素提出的。
盒模型又称框模型(Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin) 几个要素,图示如下:
2.盒模型之border用法
border表示边框,包括边框宽度、边框风格、边框颜色,例如ele:{border:5px solid red;}
。
也可以分别定义样式,如下:
样式 | 符号 |
---|---|