border 边框 此属性袁旭您指定元素边框的样式，宽度和颜色
border-style属性可以指定要显示的边框类型 允许一下值
dotted 定义点线边框
dashed 定义虚线边框
solid 定义实线边框
double 定义双边框
groove 定义3d坡口边框，效果取决于border-color值
ridge 定义3d脊线边框， 效果取决于border-color值
inset 定义3dinset边框， 效果取决于border-color值
outset 定义outset边框， 效果取决于border-color值
none 定义无边框
hidden 定义隐藏边框
border-style 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）。
还有一些属性可用于指定每个边框（顶部、右侧、底部和左侧）：
border-top-style: dotted;
border-right-style: solid;
border-bottom-style: dotted;
border-left-style: solid;
border-width 属性指定四个边框的宽度
可以将宽度设置为特点的大小（以px pt cm em 计）也可以使用以下三个预定义值之一：thin medium 或 thick
border-width 属性可以设置一到四个值（用于上边框、右边框、下边框和左边框）
border-color 属性用于设置四个边框的颜色
name - 指定颜色名，比如 "red"
HEX - 指定十六进制值，比如 "#ff0000"
RGB - 指定 RGB 值，比如 "rgb(255,0,0)"
HSL - 指定 HSL 值，比如 "hsl(0, 100%, 50%)"
为了缩减代码，也可以在一个属性中指定所有单独的边框属性。
border-width
border-style（必需）
border-color
圆角边框
border-radius 属性用于向元素添加圆角边框
border-radius: 5px; 值越大圆角越园
margin 外边距 可以简写为margin：25px 50px 75px 100px 分别为上右下左
还有单独属性设置，margin-top right bottom left
外边框合并 指得是当两个垂直外边距相遇时，他们将形成一个外边距，外边距的大小等于两者较大的值
padding 内边距 内边距属性用于在任何定义的边界内的元素周围生成空间 设置方式和margin一样，单位分别为length/px pt cm等单位 % 百分比的内边距 inherit 从父元素继承内边距
height和width 高度和宽度 用于设置元素的高度和宽度 height和width属性不包括内边距，边框和外边距，它设置的时元素内边距，变宽以及外边距内的区域的高度和宽度 ;max-width 属性用于设置元素的最大宽度，当浏览器宽度小于次值时，浏览器会将水平滚动条添加到页面。在这种情况下，使用 max-width 能够改善浏览器对小窗口的处理。
框模型 所有 HTML 元素都可以视为方框
CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。下图展示了框模型：
对不同部分的说明：
- 内容 - 框的内容，其中显示文本和图像。
- 内边距 - 清除内容周围的区域。内边距是透明的。
- 边框 - 围绕内边距和内容的边框。
- 外边距 - 清除边界外的区域。外边距是透明的。
框模型允许我们在元素周围添加边框，并定义元素之间的空间。
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。
提示：背景应用于由内容和内边距、边框组成的区域。
内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式
在 CSS 中，width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。
--轮廓
- outline-style
- outline-color
- outline-width
- outline-offset
- outline
注意：轮廓与边框不同！不同之处在于：轮廓是在元素边框之外绘制的，并且可能与其他内容重叠。同样，轮廓也不是元素尺寸的一部分；元素的总宽度和高度不受轮廓线宽度的影响。
outline-style 属性指定轮廓的样式，并可设置如下值：
- dotted - 定义点状的轮廓。
- dashed - 定义虚线的轮廓。
- solid - 定义实线的轮廓。
- double - 定义双线的轮廓。
- groove - 定义 3D 凹槽轮廓。
- ridge - 定义 3D 凸槽轮廓。
- inset - 定义 3D 凹边轮廓。
- outset - 定义 3D 凸边轮廓。
- none - 定义无轮廓。
- hidden - 定义隐藏的轮廓。
CSS 轮廓宽度
outline-width 属性指定轮廓的宽度，并可设置如下值之一：
- thin（通常为 1px）
- medium（通常为 3px）
- thick （通常为 5px）
- 特定尺寸（以 px、pt、cm、em 计）
outline-color 属性用于设置轮廓的颜色。
可以通过以下方式设置颜色：
- name - 指定颜色名，比如 "red"
- HEX - 指定十六进制值，比如 "#ff0000"
- RGB - 指定 RGB 值，比如 "rgb(255,0,0)"
- HSL - 指定 HSL 值，比如 "hsl(0, 100%, 50%)"
- invert - 执行颜色反转（确保轮廓可见，无论是什么颜色背景）
CSS Outline - 简写属性
outline 属性是用于设置以下各个轮廓属性的简写属性：
- outline-width
- outline-style（必需）
- outline-color
CSS 轮廓偏移
outline-offset 属性在元素的轮廓与边框之间添加空间。元素及其轮廓之间的空间是透明的。
文本颜色
color 属性用于设置文本的颜色。颜色由以下值指定：
- 颜色名 - 比如 "red"
- 十六进制值 - 比如 "#ff0000"
- RGB 值 - 比如 "rgb(255,0,0)"
文本颜色和背景色
在本例中，我们定义了 background-color 属性和 color 属性
文本对齐
text-align 属性用于设置文本的水平对齐方式。
文本可以左对齐或右对齐，或居中对齐。
text-align: center left right
当 text-align 属性设置为 "justify" 后，将拉伸每一行，以使每一行具有相等的宽度，并且左右边距是直的（就像在杂志和报纸中）
文本方向
direction 和 unicode-bidi 属性可用于更改元素的文本方向： 类似文本翻转
文本垂直对齐
vertical-align 属性设置元素的垂直对齐方式。居中对齐还是居上或居下
文字装饰
text-decoration 属性用于设置或删除文本装饰。
text-decoration: none; 通常用于从链接上删除下划线：这样可以显示没有下划线的连接
text-decoration: overline; 文本上面出现下划线
text-decoration: line-through;文本贯穿一个线
text-decoration: underline;下面的出现下划线
文本转换
text-transform 属性用于指定文本中的大写和小写字母。
它可用于将所有内容转换为大写或小写字母，或将每个单词的首字母大写：
text-transform: uppercase;
lowercase;
capitalize;
文字缩进
text-indent 属性用于指定文本第一行的缩进
text-indent: 50px;
字母间距
letter-spacing 属性用于指定文本中字符之间的间距 可以为负值
行高
line-height 属性用于指定行之间的间距：1~*小数
字间距
word-spacing 属性用于指定文本中单词之间的间距。 单位px 可以为负值
空白
white-space 属性指定元素内部空白的处理方式。禁用元素内的文本换行
文本阴影
text-shadow 属性为文本添加阴影。
最简单的用法是只指定水平阴影（2px）和垂直阴影（2px）：接下来，向阴影添加颜色（红色）：然后，向阴影添加模糊效果（5px）：
text-shadow: 2px 2px 5px red;
通用字体族
在 CSS 中，有五个通用字体族：
- 衬线字体（Serif）- 在每个字母的边缘都有一个小的笔触。它们营造出一种形式感和优雅感。
- 无衬线字体（Sans-serif）- 字体线条简洁（没有小笔画）。它们营造出现代而简约的外观。
- 等宽字体（Monospace）- 这里所有字母都有相同的固定宽度。它们创造出机械式的外观。
- 草书字体（Cursive）- 模仿了人类的笔迹。
- 幻想字体（Fantasy）- 是装饰性/俏皮的字体。
所有不同的字体名称都属于这五个通用字体系列之一。
CSS font-family 属性
在 CSS 中，我们使用 font-family 属性规定文本的字体。
font-family 属性应包含多个字体名称作为“后备”系统，以确保浏览器/操作系统之间的最大兼容性。请以您需要的字体开始，并以通用系列结束（如果没有其他可用字体，则让浏览器选择通用系列中的相似字体）。字体名称应以逗号分隔。
注释：如果字体名称不止一个单词，则必须用引号引起来，例如："Times New Roman"。
字体样式
font-style 属性主要用于指定斜体文本。
此属性可设置三个值：
- normal - 文字正常显示
- italic - 文本以斜体显示
- oblique - 文本为“倾斜”（倾斜与斜体非常相似，但支持较少）
字体样式
font-style 属性主要用于指定斜体文本。
此属性可设置三个值：
- normal - 文字正常显示
- italic - 文本以斜体显示
- oblique - 文本为“倾斜”（倾斜与斜体非常相似，但支持较少）
字体粗细
font-weight 属性指定字体的粗细：
font-weight: normal; lighter bold 900
字体变体
font-variant 属性指定是否以 small-caps 字体（小型大写字母）显示文本。
在 small-caps 字体中，所有小写字母都将转换为大写字母。但是，转换后的大写字母的字体大小小于文本中原始大写字母的字体大小。
字体大小
font-size 属性设置文本的大小。
字体属性
为了缩短代码，也可以在一个属性中指定所有单个字体属性。
font 属性是以下属性的简写属性：
- font-style
- font-variant
- font-weight
- font-size/line-height
- font-family