### CSS 总结2：
-
DOCTYPE 声明：
- 每个 HTML 文件的开始需要添加
<!DOCTYPE html>声明来定义文档类型，并让浏览器以 HTML5 的标准渲染页面。
- 每个 HTML 文件的开始需要添加
-
HTML 元素结构：
- 页面结构通常包含
<html>元素，<head>和<body>部分。<html>标签需要指定lang属性，表示页面的语言，例如lang="en"。
- 页面结构通常包含
-
CSS 类和选择器：
- 使用类选择器（如
.marker）来为 HTML 元素添加样式，多个元素可以共享一个类。
- 使用类选择器（如
-
布局调整：
margin：当使用margin属性时，两个值表示margin-top和margin-bottom为第一个值，margin-left和margin-right为第二个值。例如，margin: 10px auto;将上下外边距设置为 10px，左右居中。display：block元素会占据一整行，inline-block元素允许多个元素在同一行显示。
-
颜色模型：
- RGB（红、绿、蓝）：表示颜色的加色模型，RGB 数值表示颜色的强度，范围从 0 到 255。例如
rgb(0, 255, 0)表示纯绿色。 - CMYK：用于打印中的减色模型，但在网页设计中不常用。
- Hex 颜色：以
#开头，6 位十六进制数（例如#4B5320）。表示红、绿、蓝的色值。 - HSL：色相（Hue）、饱和度（Saturation）、亮度（Lightness），提供另一种表示颜色的方式，值分别为：
hsl(240, 100%, 50%)表示纯蓝色。
- RGB（红、绿、蓝）：表示颜色的加色模型，RGB 数值表示颜色的强度，范围从 0 到 255。例如
-
CSS 渐变：
-
linear-gradient：创建线性渐变，可以指定颜色过渡的方向和颜色点。- 语法：
linear-gradient(gradientDirection, color1, color2, ...)。 gradientDirection可以是度数（如90deg），color1和color2是要过渡的颜色。
- 语法：
-
渐变函数默认均匀分布颜色，可以通过指定
color-stop来调整过渡点。
-
-
阴影效果：
-
box-shadow：用于为元素添加阴影效果。基本语法：box-shadow: offsetX offsetY blurRadius spreadRadius color;。offsetX和offsetY：控制阴影的水平和垂直偏移。blurRadius：控制阴影的模糊程度。spreadRadius：控制阴影的扩展程度。
-
示例：
box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);给元素添加黑色阴影。
-
-
透明度和 Alpha 通道：
opacity：设置元素的不透明度，值为 0 到 1，0 表示完全透明，1 表示完全不透明。rgba和hsla：分别是 RGB 和 HSL 颜色模式的扩展，支持 Alpha 通道设置透明度。例如：rgba(255, 0, 0, 0.5)表示半透明的红色。
-
边框样式：
border：可以通过border-left,border-right,border-top,border-bottom属性设置单独的边框，或使用简写的border属性设置所有边。border-style、border-width、border-color：可以分别控制边框的样式（如 solid, dashed）、宽度和颜色。- 示例：
border: 2px double red;设置红色的双线边框。
-
布局细节：
inline-block：使元素在同一行显示并保持块级元素的特性。- 使用
display: inline-block;使元素既能与其他元素并排显示，又能设置宽高等属性。
CSS 总结：
在这段学习内容中，对于如何设置元素的背景色、渐变色、边框样式以及阴影效果有了更多的应用理解，并且理解了颜色模型（如 RGB、Hex、HSL）的使用方法。还了解了如何使用 box-shadow 来增强视觉效果，如何控制元素的透明度，并通过 margin、display 等属性进行布局调整。
