使用outline-color:invert值设置轮廓的反转颜色

实例代码：

outline-color属性设置轮廓的颜色

实例代码：

outline-width属性设置轮廓的宽度

实例代码：

outline-style属性设置元素的轮廓

轮廓的样式

• dotted - 定义点状的轮廓。
• dashed - 定义虚线的轮廓。
• solid - 定义实线的轮廓。
• double - 定义双线的轮廓。

元素的总宽度应该这样计算：

元素总宽度 = 宽度 + 左内边距 + 右内边距 + 左边框 + 右边框 + 左外边距 + 右外边距

元素的总高度应该这样计算：

元素总高度 = 高度 + 上内边距 + 下内边距 + 上边框 + 下边框 + 上外边距 + 下外边距

CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。

实例代码：

max-width 属性用于设置元素的最大宽度。

min-width 属性用于设置元素的最小宽度

实例代码：

根据预定的 Drupal 9 发布日期，它于 2020 年 6 月 3 日发布。考虑到这一点，企业将需要迟早或早日实现全部功能，并保持每两年一次接收Drupal 安全更新的能力。过去，从一个版本迁移到另一个版本就像从另一个 CMS 迁移到 Drupal，会带来更多的时间和疲劳。

大多数成功网站的基础是可靠的内容管理系统 (CMS)。如果没有优质的平台，您可能很难建立自己的网站。错误的选择可能会影响您的日常维护任务，并使即使是最简单的更改也难以实施。

这就是Drupal 9 的用武之地。它是一个免费的开源 CMS，可为用户提供直观的后端，以简化站点管理。在功能方面，它提供了一系列主题和附加组件，以在您创建网站时为您提供支持。

height 和 width 属性用于设置元素的高度和宽度。

height 和 width 属性不包括内边距、边框或外边距。它设置的是元素内边距、边框以及外边距内的区域的高度或宽度。

注意：当宽度的单位设置为百分比（％）时，拖动浏览器窗口会同时改变宽度的大小。

实例代码：

box-sizing属性保持元素宽度，如果增加内边距，则可用的内容空间会减少。

实例代码：

CSS width 属性指定元素内容区域的宽度。内容区域是元素（盒模型）的内边距、边框和外边距内的部分。

实例代码

当我们在设置内边距时，可以使用padding 简写形式来设置内边距。

实例代码：

CSS padding 属性用于在任何定义的边界内的元素内容周围生成空间。

实例代码：

当一个元素包含在另一个元素中时（假设没有内边距或边框把外边距分隔开），它们的上和/或下外边距也会发生合并。

实例代码：

外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

实例代码：

当margin属性的值设置为inherit时，它将继承父元素的样式。

实例代码

当margin 属性的值设置为 auto时，以使元素在其容器中水平居中。

实例代码：

margin简写属性设置

margin: 20px 50px 20px 30px

上外边距为20px

右外边距为50px

下外边距为20px

左外边距为30px

实例代码：

• margin-top   设置上外边距
• margin-right   设置右外边距
• margin-bottom    设置下外边距
• margin-left    设置下外边距

实例代码：