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技术。