盒子模型：

盒子模型分为四个结构，分别为：

margin:外边距（使用margin属性可以设置外边距，margin-top/right/bottom/left来指定方向）

border:边框（可以使用border属性来设置盒子的边框，border-top/left/right/bottom来指定方向）

padding:内边距（使用padding属性来设置元素的内边距，padding-top、padding-right、padding-right、padding-bottom用来指定四个方向的内边距）

content:内容（通过width和height两个属性可以设置内容区的大小）

display：

因为行内元素不能设置width、height等，所以通过修改display来修改元素

display的可选值有如下：

block：设置元素为块元素

inline：设置元素为行内元素

inline-block：设置元素为行内块元素

none：隐藏元素（元素将在页面中完全消失）

visibility：

visibility属性可以隐藏元素但是位置会占着，不会被覆盖

可选值：

visible：可见的

hidden：隐藏的

overflow：

当某些标签超出了浏览器大小时用overflow来控制

可选值：

visible：默认值

scroll：添加滚动条

auto：根据需要添加滚动条

hidden：隐藏超出盒子的内容

文档流：

文档流可以控制元素的位置，从左到右，超出重起下一行，便于浏览。

浮动：

浮动是使元素脱离文本流在父元素中浮动起来

使用float属性

可选值：

none：不浮动

left：向左浮动

right：向右浮动

块级元素和行内元素都可以浮动，当一个行内元素浮动以后将会自动变为一 个块级元素。

当一个块级元素浮动以后，宽度会默认被内容撑开，所以为他设置一个默认宽度

清除浮动：

可选值：

left：忽略左侧浮动

right：忽略右侧浮动

both：忽略全部浮动

none：不忽略浮动，默认值

项目进度：