CSS背景以及盒子模型和浮动

昨天了解了CSS 背景的应用（background）

CSS 背景(background)
背景图片(image)
背景平铺（repeat）
背景透明(CSS3)CSS3支持背景半透明的写法语法格式是:background: rgba(0,0,0,0.3); 最后一个参数是alpha 透明度 取值范围 0~1之间

盒子模型（CSS重点）

CSS就三个大模块： 盒子模型 、 浮动 、 定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。
盒子边框（border）

外边距（margin）

文字盒子居中图片和背景区别文字水平居中是 text-align: center盒子水平居中 左右margin 改为 auto

盒子模型布局稳定性
按照 优先使用 宽度 （width） 其次 使用内边距（padding） 再次 外边距（margin）。 width > padding > margin

浮动(float)
什么是浮动？元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制，移动到其父元素中指定位置的过程。在CSS中，通过float属性来定义浮动，其基本语法格式如下：选择器{float:属性值;}属性值描述left元素向左浮动right元素向右浮动none元素不浮动（默认值）