回复：盖个楼，记录我的HTML学习历程

第四十一课，em和rem
1.em-em是相对于元素的字体大小来计算的-默认1em = 1 font-size ，另，默认的font-size为16px
2.rem-rem是相对于根元素的字体大小来计算的

第四十二课，RGB值
1.在CSS中可以直接使用颜色名来设置如red、orange、green等
2.使用RGB值描述颜色
3.RGBA-四个参数，可设置透明效果

第四十三课，HSL值 HSLA值
1.HSL值
-H：色相（0-360）
-S：饱和度（0%-100%）
-L：亮度（0%-100%）

第四十四课，文档流
1.文档流（normal flow）
-网页是一个多层的结构，一层层重叠，通过CSS可以为每一层设置样式，作为用户只能看到最上面一层，其中最底的一层为文档流，文档流是网页的基础，所创建的元素默认都是在文档流中进行排列。
-元素状态：
-在文档流中
-不在文档流中（脱离文档流）
2.元素在文档流中有什么特点？
-块元素
-块元素会在页面中独占一行，即自上向下垂直排列-默认宽度是父元素的全部（会把父元素撑满）
-默认高度是被内容（子元素）撑开
-行内元素
-行内元素不会独占一行，只占自身的大小，即自左向右水平排列，若一行中无法容纳所有元素，会换到第二行继续排列。
3.元素不在文档流中有什么特点？
-块元素
-不再独占页面的一行
-宽度和高度默认被内容撑开
-行内元素
-会变成块元素

第四十五课，盒子模型
1.盒子模型-CSS将页面中所有的元素都设置为了一个矩形的盒子
-对页面进行布局，也就是对盒子的位置等元素进行设置
-每一个盒子都由以下几个部分组成：
-内容区
-元素中所有的子元素和文档内容都在内容区中排列
-内边距
-边框
-要设置边框，至少要设置border-width、border-color、border-style三个元素
-外边距

第四十六课，盒子模型-边框
1.分别设置不同边框粗细，也可以通过border-top等属性来进行设置

2.border简写属性：通过该属性可以同时设置边框所有的相关样式，并且没有顺序要求

第四十七课，盒子模型-内边距
1.内边距一共有四个方向
-padding-to
-padding-right
-padding-bottom
-padding-left
-内边距的设置会影响到盒子的大小
-背景颜色会延伸到内边距上
-一个盒子的可见框的大小，由内容区、内边距、边框共同决定，所以在计算盒子大小的时候，需要将这三个区域加到一起计算。
-padding内边距的简写属性同border

第四十八课，盒子模型-外边距
1.外边距（margin）
-外边距不会影响盒子可见框的大小
-但是外边距会影响盒子的位置
-一个有4个方向的外边距：-margin-top -margin-right -margin-bottom -margin-left
-元素在页面中是按照自左向右的顺序排列的，所以默认情况下设置左和上外边距则会移动元素自身，而设置下和右外边距则会移动其他元素。
-margin可以同时设置四个方向的外边距，用法和padding一样。
-margin会影响盒子实际占用空间

第四十九课，盒子模型-水平方向布局
1.元素的水平方向的布局
元素在其父元素中水平方向的位置由以下几个属性共同决定：
-margin-left
-border-left
-padding-left
-width
-padding-right
-border-right
-margin-right
2.设置一个元素在其父元素中水平居中的方式：
width：需设定值
margin：0（上下为0） auto（左右自动）

第五十课，盒子模型-垂直方向的布局
1.高度
-默认情况下，父元素的高度被内容撑开
2.溢出
-子元素是在父元素的内容区中排列的，如果子元素的大小超过了父元素，则会溢出。
3.溢出解决方案-overflow属性，可选值：visible、hidden、scroll、auto-延伸：overflow-x、overflow-y

第五十一课，盒子模型-外边距的折叠

收拾整理一下盒子模型相关的内容，今天停了

被吧主莫名其妙封了一次，好无语，不在这儿记了，祝大家学习愉快

加油加油