html布局

html页面最开始只是简单的显示文档，随着互联网和需求的发展已经发展到现在的html5时代可以通过canvas画布实现动画即2d游戏。

html由于历史原因就出现了文档流而我们可以通过float方式使内容脱离文档流，div等行级元素占用整一行而span等块级元素则是只占一部分不换行。

盒子模型：width height border margin
如果盒子没有float的话还是文档流一个盒子占据一整行

margin 0 auto：这个大家在给body体居中经常使用；居中的方式还有就是 algin： center；text-align:center

有一个经常用到的:
textDecoration: none underline black;
选择鼠标指针浮动在其上的元素，并设置其样式：
a:hover
{
background-color:yellow;
}

三大定位：
绝对定位 absolute定位的盒子及内容与文档流没关系 left top只是给个坐标

相对定位 relative定位的盒子属于文档流 left top 只是先对该文档流位置的坐标 然后文档流位置占着茅坑不拉屎

固定定位 fixed 元素将随着滚动条的滚动而滚动