CSS重点小结

Css三大板块：盒子模型，浮动，定位，其他都是细节。

1.盒子模型：

把html页面元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。

 box-sizing:border-box免去计算盒子大小，盒子不会被“撑爆”。

2.浮动：指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。在css中，通过float属性来定义活动，其基本语法格式如下：

选择器{float:属性值}

属性值包括left（元素向左浮动）,right（元素向右浮动）,none（元素不浮动）.

浮动的主要目的：为了让多个块级元素在一行内显示。

 

3. 定位：利用position属性，可以方便的实现元素的定位。

完整的定位=边偏移+定位模式