BFC

BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed

BFC解决的问题
    外边距塌陷
    清浮动
    两栏或者三栏自适应布局 (只能用overflow：hidden)

BFC的特性
    垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
    每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
    计算BFC的髙度时，浮动子标签也参与计算。
    BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。

BFC

BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。

BFC的特性
    垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
    每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
    计算BFC的髙度时，浮动子标签也参与计算。
    BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed

BFC解决的问题
    外边距塌陷
    清浮动
    两栏或者三栏自适应布局 (只能用overflow：hidden)

BFC

BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。

BFC的特性
    垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
    每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
    计算BFC的髙度时，浮动子标签也参与计算。
    BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。

BFC解决的问题
    外边距塌陷
    清浮动
    两栏或者三栏自适应布局 (只能用overflow：hidden)

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed

BFC

BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。

BFC解决的问题
    外边距塌陷
    清浮动
    两栏或者三栏自适应布局 (只能用overflow：hidden)

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed

BFC的特性
    垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
    每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
    计算BFC的髙度时，浮动子标签也参与计算。
    BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。

BFC

BFC是指页面中的一个渲染区域，并且拥有一套渲染规则，他决定了 其子标签如何定位，以及与其他标签的相互关系和作用。

BFC解决的问题
    外边距塌陷
    清浮动
    两栏或者三栏自适应布局 (只能用overflow：hidden)

BFC的特性
    垂直方向上的距离由margin决定，属于同一个BFC的两个相邻标签的margin会发生重叠。
    每个标签的左外边距与包含块的左边界相接触(从左向右)，即使浮动标签也是如此。
    BFC 的区域不会与 float 的标签区域重叠。(不包括固定定位方法)
    计算BFC的髙度时，浮动子标签也参与计算。
    BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签， 反之亦然。

怎样生成BFC
    根标签
    display 的值为 inline-block
    float的值不为none
    overflow 的值不为 visible
    position 的值为 absolute 或 fixed

sessionStorage、localStorage：本地存储、本地会话

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.clear()：删除全部存储的值

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

sessionStorage、localStorage：本地存储、本地会话

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

window.localStorage.clear()：删除全部存储的值

sessionStorage、localStorage：本地存储、本地会话

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.clear()：删除全部存储的值

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

sessionStorage、localStorage：本地存储、本地会话

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value

window.localStorage.clear()：删除全部存储的值

sessionStorage、localStorage：本地存储、本地会话

window.sessionStorage、window.localStorage：方法一样
注意：数据名称、数据具体值，必须加上引号，除非是变量，或者表达式，否则出错

localStorage永久存储，关闭浏览器，本地存储都不会消失（只针对相同的浏览器） 能多个相同的页面共享数据
sessionStorage临时存储，关闭浏览器，本地会话消失 不能多个相同的页面共享数据
必须是服务器环境，否则相关的事件无效

window.localStorage.getItem(‘name‘)：获取数据，通过key来获取到相应的value

window.localStorage.setItem(‘name‘，‘value‘)：设置数据，keyvalue类型，类型都是字符串

window.localStorage.clear()：删除全部存储的值

window.localStorage.removeItem(‘name‘)：删除数据，通过key来删除相应的value