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

转载于:https://www.cnblogs.com/wangyao1314/p/5327052.html

css中背景的应用及BFC与IFC应用相关推荐

php背景图片存放位置,CSS中背景图片位置 background-position 的使用方法
在使用背景图片时,经常会遇到背景图片所在的位置不是我们想要的,那如何设置背景图片的位置呢?以下就来介绍CSS中背景图片位置 background-position 的用法. 在背景图片的背景图片位置属 ...
html里如何定位背景图片,Html+Css CSS中背景图片定位方法
CSS中背景图片的定位,困扰我很久了.今天总算搞懂了,一定要记下来. 在CSS中,背景图片的定位方法有3种: 1)关键字:background-position: top left; 2)像素:bac ...
html背景透明图片不透明,css中背景透明的图片不透明怎么解决
css中背景透明的图片不透明怎么解决一.使用滤镜解决img { background: transparent; -ms-filter: "progid:DXImageTransform. ...
css中背景颜色用哪个,CSS 背景颜色
颜色背景 CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分. 在css3中可以通过background ...
html背景色线性渐变,css中背景颜色线性渐变和径向渐变效果的示例分析
css中背景颜色线性渐变和径向渐变效果的示例分析发布时间:2021-06-04 14:00:26 来源:亿速云阅读:80 作者:小新这篇文章将为大家详细讲解有关css中背景颜色线性渐变和径向渐变 ...
网站图片定位代码html5,CSS中背景图片的定位
在CSS中,背景图片的定位方位有3种: (1)关键字:background-position: top right; (2)像素:background-position: 0px 0px; (3)百分 ...
CSS中背景图定位方法
在CSS中,background-position的定位方法有三种. 如下: (1)关键字:background-position: top left (2)像素:background-positio ...
webpack如何设置html中img路径和css中背景图片路径区别开
在使用webpack过程中,打包后发现html中img路径是: <img src="img/01.jpg" alt="标题图片" /> 但是在mai ...
css中背景图片路径问题
1.不要给背景图片路径加引号将background:url("xxx.gif")改为background:url(xxx.gif) 因为对于部分浏览器加引号反而会引起错误. 2. ...
css怎么恢复清背景,常用的CSS中背景background使用技巧
css教程说明 background-image:url("图片的网址"); 背景图 background: url(" 图片的网址 "); 背景 ba ...

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

定义和用法

css中背景的应用及BFC与IFC应用相关推荐

最新文章

热门文章