css的字体设置，css的盒子模型，css的盒子模型的边框，盒子模型的内边距属性，盒子模型的外边距属性，

10 字体

Fond-size：100px； 设置字体的大小

color：red；  设置字体的颜色

11 CSS盒子模型：所有的html元素都是一个四边形，即一个盒子。用CSS来设置盒子的内边距，边框，外边距的样式的方式，相当于设置盒子的样式，所以我们将其称为盒子模型

边框 border 内边距 padding 外边距 margin

上 top    下 bottom  左 left 由 right

12 盒子模型的边框：边框有四个属性(上下左右边框)可以设置

上边框 border-top

下边框 border-bottom

左边框 border-left

右边框 border-right

示例：<span style=”border-top: 1px solid red;”>内容体</span>

多个属性之间是用空格隔开

通用设置（设置四个边框）例如：设置上下左右边框都是1像素 实体 红色线

Border： 1px solid red；  就可以了

13 盒子模型的内边距 padding（也是有上下左右四个边距）：就是html内容体到html边框的距离

上内边距padding-top

下内边距padding-bottom

左内边距padding-left

右内边距padding-right

通用性设置：也是一次性设置上下左右边距距离 例如：padding:10px;

14 盒子模型外边距 margin （同样有上下左右）：html元素边框到其他html边框的元素的距离

上外边距margin-top

下外边距margin-bottom

左外边距margin-left

右外边距margin-right

通用性设置：一次性设置上下左右外边距距离都为10px

Margin：10px;