border-box在html里是什么意思

HTML边框框的含义是边框框模型。
然后，我们将对边框框进行详细说明：在CSS中，Border-Box是用于定义元素大小和位置的重要框模型。
当您使用sidi-size：border-box； 在此模型中，元素的宽度和高度将包括内容，内部边缘，边界，而不是外部边缘。
这意味着，当您定义元素的宽度和高度时，这些值涵盖了边界的宽度以及该元素的内部填充空间。
该模型使布局更加直观和灵活，尤其是在反应性概念中，因为它允许内容区域自动调整为边界大小或填充更改。
与默认的“ Content-Box”模型相比，“ Border-Box”模型有助于开发人员控制元素的整体大小，尤其是在动态内容方面。
此外，使用“边框盒”还可以避免某些处置问题，例如由于边界和内部边缘而超过预期大小的要素的问题。
因此，在设计复杂的Web配置或对反应性设计有很高要求时，使用“边界框”模型非常有用。
总而言之，“边框框”是定义CSS中元素的大小和位置的框模型之一。
在以减少方式设计和处理动态内容期间，该模型的使用特别有益。

盒子模型边框外边距

框模型由边距+边框+填充+网站元素（内容）Div {width：2 00px; ttom-color; 下边界。
或：Redgreenblueyellow; 法院类似地，将下边界，左右边界设置为。
1 0px和边界厚度为3 0px，边界厚度为3 0px，边界厚度为5 0px，左边界厚度为7 0px。
没有边界风格的风格可以出现。
使用圆点，左侧和右侧是绘制的，下边框是双重边框风格线：Soliddott Eddasheddoble； 在刚性线路中，应添加边界样式，因为没有添加其他预定义值，边框样式没有颜色，并且预定的值是黑色厚度为3 px*{margin：上边缘：上边缘约为1 0px，下边距约为1 0px

hbuilder盒子模型

在Huilder中，Box模型是设计在线外观和定位元素的关键技术。
它描述了站点上每个元素占据的空间及其与其他元素的关系。
掌握框模型的基本原理和参数可以使您更准确地检查Huilder中页面的外观和结构。
框模型的核心是将每个HTML元素视为一个矩形框，该盒子由四个基本部分组成：内容区域，内边缘，边框和外缘。
这些零件是从层堆叠的图层，形成一个完整的框结构。
内容区域（内容框）是元素本身，可以是文本，照片或其他巢元素。
内边缘位于内容区域和边框之间，该边界决定了元素内容与边界之间的距离。
边界围绕内部边界和内容区域，用于设置元素边框样式。
边距是框和相邻元素之间的空白，它决​​定了元素和其他元素之间的分离。
HBuilder的盒子型号是页面布局设计的基础。
通过合理地调整框模型的不同参数，您可以轻松实现各种布局效果。
例如，通过更改内部边界，边界样式和边界的值，您可以在元素和元素边界的调整之间实现分裂的差异。
这些操作不仅使网站的介绍更加美丽，还可以改善用户的体验。
简而言之，理解和掌握Huilder中的盒子模型对于提高网页设计的灵活性和美学至关重要。
通过深入的研究和实践，您将能够更好地控制页面元素的布局和样式，并在线创建更令人满意的作品。

6、盒子模型 边框、圆角、阴影、内外边距、外边距塌陷

网页布局的主要本质：使用CSS处理盒子。
网页布局的过程：框的模型：处理HTML页面上布局的元素作为矩形框，即包含内容的容器。
CSS框模型本质上是一个框，它封装了周围的HTML元素，其中包括：边框，边距，内部边距和实际内容1 边框可以设置元素的边界。
边界由三个部分组成：边界宽度（厚度）。
它控制着相邻细胞的边界。
2 语法：这个词倒在边界：崩溃； 因此，我们有两种解决方案：在CSS3 中添加了圆形边界样式，以便我们的盒子被舍入。
半径边框的属性用于安装元件的外部边界。
语法：将一盒盒子添加到CSS3 中。
语法：在CSS3 中，我们可以使用文本阴影的属性来使用文本的阴影。
语法：1 填充属性用于安装内部边缘，即边框和内容之间的距离。
2 语法：联合属性：部分属性：1 当我们指示盒子的填充值时，发生了两件事：2 内部边缘对框大小的影响：3 解决方案：如果确保盒子对应于渲染的大小，只需选择内部范围的额外尺寸。
字段属性用于安装字段，即控制框和盒子之间的距离。
外部电源可以使框在块级别水平居中：一般拼写方法，所有三种：注意：上面的方法是将块水平的水平集中到集中。
文字专辑：中心。
您可以在构建元素（例如：跨度）中构建 - 在块元素（例如：img）中使用边距来确定父盒中块元素的垂直边缘，可能会发生字段融合。
有两个主要情况：1 块相邻元素的垂直边缘的合并。
较大两个值的采用称为相邻块元素的垂直边缘的合并。
解决方案：尝试将保证金仅添加到一个框中。
2 块的嵌入式元素的垂直边缘的第一种崩溃：对于两个投资关系中的块元素（父母和子女之间的关系），父元素具有上边缘，子公司也具有上边缘。
第二种类型：对于两个投资关系（与父母的关系），在该元素的子公司上设置了1 0px：1 0px，这将导致父母Div将降至1 0px的事实； 因此，在说明之前，我们必须首先清除网页元素的内部和外部边缘。
对于带有线性块元素入口的默认字段，上述方法不会生效。
浮点可用于解决它 *注意。
要考虑到兼容性，请尝试仅安装左右内部和外部边缘，并且不安装上部和下部边缘和外部边缘。
设置上边缘和下边缘后，它们实际上不会生效。
但是只需将其转换为块的元素，并在块中构建

盒子模型介绍

概念：BoxModel将HTML页面中的元素作为矩形框，是内容的容器。
功能：CSS在此盒子周围创建了“框盒”的概念。
组成：每个盒子由元素（内容），填充，边界和边距以及4 个属性组成。
每个属性包括4 个部分：顶部，右，底部和左侧。
可以同时或单独设置属性的4 个部分。
1 内容（内容）宽度宽度和高度属性设置为控制框内容的大小2 填充属性用于设置内部边距。
它是指边界和内容之间的距离。
a）填充，衬垫 - 右填充，填充底，左填充左数值的值：1 到达3 个像素上下3 个像素上下3 个像素3 个像素下3 个像素3 个填充值：上边缘和左边边缘，下边缘，填充物，例如填充物：3 px5 px5 px1 0px; 在像素下方的1 0像素1 确定宽度a）边界宽度，下宽边界，边界宽度，边界宽度的宽度，一旦定义了边界宽度，就必须定义边界显示样式。
2 确定颜色5 圆边界（CSS3 ）：语法：边界：左上角，右上角，右下角，左下角； 设置边距在元素之间创建“空”，确定元素和其他相邻元素之间的距离，这些元素通常无法放置其他内容。
边距，边缘，边缘，边缘，边缘：1 PX2 PX3 PX4 PX（顺时针）一般函数：1 2 边缘结合了Atribut余量的边缘边缘具有特殊的行为，即边际合并。
边缘合并有两个基本情况：父母元素和子元素之间的1 .2 父母元素的边缘以及第一个子元素的边缘，余量元素的边距，父元素下的边距和最后一个子元素下的边缘。
这是因为父元素和第一个（或最后一个）元素之间没有边界和内部边缘来分离外部边缘，并且组合的外部边缘的高度等于两个外部边缘的第二高高度。
3 框型号和框尺寸框用于设置角色和高度角色对象。
三个值：content框（默认值），边框框，继承（继承主类）； 背景）当我们为元素设置颜色背景和背景时，背景将覆盖元素的外边界。
内容框：将背景切成内容框的外边缘。
5 设置具有绝对值的盒子大小（例如固定像素宽度和高度）时的溢出，内容可能会超过设定的大小，并且内容将溢出框。
为了控制目前正在发生的事情，我们可以使用溢出属性。
最常用的：0; 它的行为就像边框，但被拉到盒子上，不会更改盒子的大小（尤其是将OULINE拉出盒子外部和边缘区域内）。
7 显示类型。
高度设置对于内联框无效。
保持块的完整性 - 它不会在整个段落行中包裹该行。
块级元素的默认设置显示：块； 显示：flex- alows解决了很长一段时间以来遇到CSS的一些传统布局问题，例如放置一系列的弹性和其他耐受性或垂直以垂直的内容。