<header>页眉
<div>正文内容
<footer>页脚
颜色代码
000000:红红绿绿蓝蓝
ff代表全色
ff0000：代表全红
f 代表16进制中最大的
在网页中 F12 （右击：检查）可以调试
left与margin-left的区别
left：
margin-left：增加了一个边框，有一个壳
position
relative:距离自己原先位置发生变化
absolute：寻找最近的具有position属性的父元素进行定位，如果没有的话，就根据整个文档进行定位。
absolute：脱离文档流（飞起来了，离开了自己的位置，后面的就上去了）top ,
float：漂浮，脱离文档流
float：right(left)：向右漂浮
display：
inline：强制将块级元素变成行内元素。长宽设置就不起作用了
block：强制将行内元素变成块级元素。
inline-block：强制变成一个具有块级元素特性的行内元素，长宽仍然起作用。
！+Tab
ctrl +shirt+D：复制
wrapper:壳
<div class="content-wrapper">
</div>
id：# 不能重复（尽量不用）
class: . 可以重复
阴影效果：box-shadow
border-radius:弧度
有的元素会以 字 作为对齐，这时候可以使用position进行对齐。
