css核心学习

1.元素类型：块级元素+内联元素

2.盒模型：页面上每个元素都可以看作一个盒子，即盒模型。

                  盒模型由4个部分组成：content---padding---border---margin

3.position：

定 位	方式	是否在页面 占据位置	描述	能否用left,right,top ,bottom移动元素位置
static	默认值，没有定位	是	元素在正常位置	不能
relative	相对定位	是	相对与元素的正常位置进行定位	能
absolute	绝对定位	否	相对于最近一级的父元素不是 static的元素进行定位	能
fixed	固定定位	否	相对于浏览器窗口进行定位	能
inherit	从父元素继承定位

4.float:left right none inherit

  浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。

  由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。

  clear的值可以是left、right、none、both，它表示框的哪些边不应该挨着浮动框。

  目前流行采用浮动方法实现的无论是分栏布局，还是列表排列我们都可以用其他一些CSS属性（不考虑table）代替实现，唯一一个实现不了的就是“文字环绕图片”。

  浮动出现的意义其实只是用来让文字环绕图片而已，仅此而已。而我们目前用浮动实现页面布局本不是浮动该干的事情。