margin

水平居中

这个在该元素设置了width或者max-width的前提下
之后再设置margin:0 auto
可以实现水平居中的布局

不要和float混在一起,float之后应该是不能这样子居中的吧
因为float之后脱离文档流了咩

和 text-align:center 相比

这样子的话，对于一些内联元素(没办法设置margin)的可以采用
给内联元素的父元素设置text-align:center的方式

比如img的居中，或者把他转换成block，然后使用margin: 0 auto
或者给img的父元素设置text-align:center

两栏布局

|------------|----|
|---main-----|side|
|------------|----|

就是这样子的，整个由一个container构成，包裹着main和side,而main的话是设置margin-right为略大于side的width来控制自己不跑到side那边去
看到有些人是这样子做的，那为什么不直接给main一个width呢

position

absolute

position:absolute会让元素inline-block化,然后是常常相对于一个不偏移的position:relative的父元素来偏移，这样子的话，可以很容易做一个透明层上去，或者各种浮层，比如鼠标移动上去就会显示的那种浮层，其实一直想知道position:absolute这种很危险的属性到底是为了实现什么效果的时候才不得不用???是这种浮层效果嘛
或者是一些框框上面的的关闭按钮之类的，额，也其实还是浮动层，那么问题来了，还有其他很常见的应用场景吗

background

backgroud-position

传说中的切图，就是一张图上有好多东西，不需要把这样子一张大图切成小图，把图片设置成元素的背景，这个时候只需要控制图片在显示的部分，因为图比较大，所以只是露出来一部分，记得设置元素的宽和高正好等于你需要的显示出来的图片的大小，这这样子才能正好的遮盖
具体参考这里

字体图标

为什么字体图标经常用标签