css中背景的应用及BFC与IFC应用

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性：

• background-color
• background-position
• background-size
• background-repeat
• background-origin
• background-clip
• background-attachment
• background-image

如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。

BFC与IFC介绍及应用**
    
    BFC名称：块级格式化上下文
    特点：1、独立渲染区域
        2、与这个区域外部毫不相干
        3、需要触发（写一行声明）
    建议使用overflow:hidden声明来触发BFC，需要触发时，在其上层div声明
    
    IFC名称：行内格式化上下文
    特点：1、不需要触发
        2、主要用来解决垂直居中问题
        3、遇到IFC无法解决的转换成BFC
    IFC需要配合line-height使用，即line-height：10px；vertical-olign：middle
    备注：当需要解决浏览器兼容问题时，需要写上body{margin:0;padding:0;}，目前普遍使用normalize技术，一般不用reset技术。