HTML一周学习内容

学习目标：

1、能熟练运用浮动（float）。

2、学会盒子“上下左右”----内外边距的元素属性。

3、css浮动概念。

---

学习内容：

一、浮动概念------

1、浮动可以向左向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

2、由于浮动框不在文档的普通流中，所以文档的普通流块框表现得就像浮动框不存在一样。

二、浮动特性------

1、浮动元素会脱离标准流

2、浮动的元素会一行内显示并且元素顶部对齐

3、浮动的元素会具有行内块元素的特性

三、css浮动清除

1、父级添加overflow：hidden

2、通过属性clear：both达到清除浮动的效果

3、给父级元素添加伪类after，达到清楚浮动的目的

---

学习时间：

1、周一----周五

早上8：50-----下午17：15

---

学习产出：

1、思维导图

2、项目简单练习