Css三大板块:盒子模型,浮动,定位,其他都是细节。
1.盒子模型:
把html页面元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。
box-sizing:border-box免去计算盒子大小,盒子不会被“撑爆”。
2.浮动:指设置了浮动属性的元素会脱离标准普通流的控制,移动到其父元素中指定位置的过程。在css中,通过float属性来定义活动,其基本语法格式如下:
选择器{float:属性值}
属性值包括left(元素向左浮动),right(元素向右浮动),none(元素不浮动).
浮动的主要目的:为了让多个块级元素在一行内显示。
3. 定位:利用position属性,可以方便的实现元素的定位。
完整的定位=边偏移+定位模式