Python全栈（九）Web前端基础之4.CSS盒模型和JS基础

人之为学，不可自小，又不可自卑。
——顾炎武

一、CSS盒模型

1.盒模型介绍

CSS对HTML文档元素生成了一个描述该元素在HTML文档布局中所占空间的矩形元素框，可以形象地将其看作是一个盒子。
盒模型并不是官方提出的，而是后期针对块元素提出的。

盒模型又称框模型（Box Model），包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin） 几个要素，图示如下：

2.盒模型之border用法

border表示边框，包括边框宽度、边框风格、边框颜色，例如ele:{border:5px solid red;}。
也可以分别定义样式，如下：

样式	符号
边框宽度<