css中均指的是什么意思

　　介绍

这篇文章主要介绍css中均指的是什么意思,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

在css中均中文意思为“块级格式化上下文”,是Web页面中盒模型布局的css渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。块格式化上下文包含创建它的元素内部的所有内容。

本教程操作环境:windows7多系统,CSS3&, HTML5版,戴尔G3电脑。

<强>何均为

黄东海(块格式化上下文)块级格式化上下文,是Web页面中盒模型布局的css渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。

黄东海即块格式化上下文(块级格式化上下文),属于普通流。
可以把黄东海理解为一个封闭的大箱子,箱子内部的元素无论如何翻江倒海,都不会影响到外部。

<强>形成黄东海的条件

1,浮动元素,浮除没有以外的值;
,,,2,绝对定位元素,位置(绝对、固定);
,,,3,显示为以下其中之一的值inline-block,表格单元,表标题,flex;
,,,4,溢出除了可见以外的值(隐藏、汽车、滚动);

5,身体根元素

<强>黄东海的特性

1。内部的盒子会在垂直方向上一个接一个的放置。
,,2。垂直方向上的距离由保证金决定
,,3。黄东海的区域不会与浮动的元素区域重叠。
,,4。计算黄东海的高度时,浮动元素也参与计算
,,5。黄东海就是页面上的一个独立容器,容器里面的子元素不会影响外面元素。

<强>实践是检验真理的唯一标准

(1)黄东海中的盒子对齐

特性的第一条是:内部的盒子会在垂直方向上一个接一个的放置。

css中均指的是什么意思

浮动的元素也是这样,box3浮动,他依然接着上一个盒子垂直排列,并且所有的盒子都左对齐。html:

& lt; div 类=癱ontainer"比; 　　,,,,,,,& lt; div 类=癰ox1"祝辞& lt;/div> 　　,,,,,,,& lt; div 类=癰ox2"祝辞& lt;/div> 　　,,,,,,,& lt; div 类=癰ox3"祝辞& lt;/div> 　　,,,,,,,& lt; div 类=癰ox4"祝辞& lt;/div> 　　,,,& lt;/div> div  { 　　,,,,,,,,,,,身高:,20 px; 　　,,,,,,,} 　　,,,,,,, 　　,,,,,,,.container  { 　　,,,,,,,,,,,位置:,绝对的,,,/*,创建一个黄东海环境*/,,,,,,,,,,,身高:,汽车; 　　,,,,,,,,,,,背景颜色:,# eee; 　　,,,,,,,} 　　,,,,,,, 　　,,,,,,,.box1  { 　　,,,,,,,,,,,宽度:,400 px; 　　,,,,,,,,,,,,背景颜色:红色; 　　,,,,,,,} 　　,,,,,,, 　　,,,,,,,.box2  { 　　,,,,,,,,,,,宽度:,300 px; 　　,,,,,,,,,,,背景颜色:,绿色; 　　,,,,,,,} 　　,,,,,,, 　　,,,,,,,.box3  { 　　,,,,,,,,,,,宽度:,100 px; 　　,,,,,,,,,,,背景颜色:,黄色; 　　,,,,,,,,,,,:浮动,离开; 　　,,,,,,,} 　　,,,,,,, 　　,,,,,,,.box4  { 　　,,,,,,,,,,,宽度:,200 px; 　　,,,,,,,,,,,身高:,30 px; 　　,,,,,,,,,,,,背景颜色:紫色; 　　,,,,,,,}

(2)外边距折叠

特性的第二条:垂直方向上的距离由保证金决定

在常规文档流中,两个兄弟盒子之间的垂直距离是由他们的外边距所决定的,但不是他们的两个外边距之和,而是以较大的为准。
css中均指的是什么意思

html:

,& lt; div 类=癱ontainer"比; 　　,,,,,,,& lt; div 类=癰ox"祝辞& lt;/div> 　　,,,,,,,& lt; div 类=癰ox"祝辞& lt;/div> 　　,,,& lt;/div> .container  { 　　,,,,,,,,,,,溢出:,隐藏; 　　,,,,,,,,,,,宽度:,100 px; 　　,,,,,,,,,,,身高:,100 px; 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

css中均指的是什么意思