规格指定 · Magic_sword2

[TOC] # 简介说明 ``` 版本：规格指定作用：规格指定 ``` # 规格制定 # box-sizing ***** 允许你以某种方式定义某些元素，以适应指定区域 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：适应指定区域 * 可选值：[ content-box | border-box | inherit ] # overflow ***** 超出显示样式 ### 参数说明 overflow-x: * 类型：字符串 * 默认值：无 * 描述：水平超出显示样式 * 可选值：[ ] overflow-y: * 类型：字符串 * 默认值：无 * 描述：垂直超出显示样式 * 可选值：[ ] # margin ***** 外边距 ### 参数说明 margin-top: * 类型：字符串 * 默认值：无 * 描述：外边距 * 可选值：[ ] margin-left: * 类型：字符串 * 默认值：无 * 描述：外边距 * 可选值：[ ] margin-bottom: * 类型：字符串 * 默认值：无 * 描述：外边距 * 可选值：[ ] margin-right: * 类型：字符串 * 默认值：无 * 描述：外边距 * 可选值：[ ] ### 注意事项 ``` 1. 外边距合并：当两个垂直外边距相遇时，它们将形成一个外边距。合并的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方法： 1) 可以直接改变其中一个的外边距的值，使之达到想要的效果。(推荐使用) 2) 添加overflow。(BFC方式不推荐使用) ``` # padding ***** 内边距 ### 参数说明 padding-top: * 类型：字符串 * 默认值：无 * 描述：内边距 * 可选值：[ ] padding-left: * 类型：字符串 * 默认值：无 * 描述：内边距 * 可选值：[ ] padding-bottom: * 类型：字符串 * 默认值：无 * 描述：内边距 * 可选值：[ ] padding-right: * 类型：字符串 * 默认值：无 * 描述：内边距 * 可选值：[ ] # width ***** 宽度 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：宽度 * 可选值：[ fill-available(外部尺寸) | fit-content(内部尺寸) | min-content(内部尺寸) | max-content(内部尺寸) ] # height ***** 高度 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：高度 * 可选值：[ ] # max-width ***** 最大高度 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：最大高度 * 可选值：[ ] # min-width ***** 最小宽度 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：最小宽度 * 可选值：[ ] ### 示例内容 1. 举例说明 ``` min-width:auto; 最小宽度为内容宽度 ``` # max-height ***** 最大高度 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：最大高度 * 可选值：[ ] # min-height ***** 最小高度 ### 参数说明 str: * 类型：字符串 * 默认值：无 * 描述：最小高度 * 可选值：[ ] # [fut]-aspect-ratio ***** 为 box 容器规定了一个期待的纵横比，这个纵横比可以用来计算自动尺寸以及为其他布局函数服务