<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进行对齐。