1.语法：浮动float：
left//元素向左浮动;
right//元素向左浮动;
none//默认值，元素不浮动，并会显示在文本的位置
inherit//元素继承其父元素的float值
2.语法：外边距margin
（margin-top）（margin-right) （margin-bottom) （margin-left)
：{长度}//外边距多长，没写方向默认上右下左
{百分数}//基于父类百分比值
{auto}//浏览器自动计算
3.语法：内边距padding
（padding-top）（padding-right) （padding-bottom) （padding-left)
：{长度}//内边距多长，没写方向默认上右下左
{百分数}//基于包含块的百分比值
4.语法：背景background
background-color
描述：设置元素的背景颜色。
值：颜色值，如#ff0000、rgb(255, 0, 0)、red等。
background-image
描述：设置元素的背景图片。
值：图片的URL，如url('image.jpg')。
background-repeat
描述：设置背景图片是否及如何重复。
值：repeat、repeat-x、repeat-y、no-repeat、space、round。
background-position
描述：设置背景图片的起始位置。
值：关键字（如top、bottom、left、right、center）或精确位置（如50px 100px）。
background-size
描述：设置背景图片的大小。
值：具体的长度（如50px 100px）、百分比（如50% 100%）、auto、cover、contain。
background-attachment
描述：设置背景图片是否固定或者随着页面的其余部分滚动。
值：scroll、fixed、local。
background-origin
描述：设置背景图片的定位区域。
值：padding-box、border-box、content-box。
background-clip
描述：设置背景图片的绘制区域。
值：border-box、padding-box、content-box。
5.语法：字体font
font-family
描述：指定元素的字体系列。
值：可以是一个或多个字体名称，由逗号分隔。如果浏览器不支持第一个字体，它会尝试使用列表中的下一个字体。常见的字体包括"Arial”, “Times New Roman”, “sans-serif”, “serif”, “monospace"等。
font-size
描述：设置文本的大小。
值：可以是绝对单位（如px, pt, cm等），也可以是相对单位（如em, rem, %等），或者是预定义的关键字（如larger, smaller）。
font-style
描述：设置文本的样式。
值：可以是normal（默认）、italic（斜体）或oblique（倾斜）。
font-weight
描述：设置文本的粗细。
值：可以是预定义的关键字（如normal, bold, bolder, lighter），也可以是数值（如100, 200, …, 900，其中400相当于normal，700相当于bold）。
font-variant
描述：设置小型大写字母的文本。
值：主要是normal（默认）或small-caps（小型大写字母）。
line-height
描述：设置行与行之间的距离（行高）。
值：可以是正常文本大小的倍数（如1.5），也可以是绝对或相对单位（如20px, 1.5em），或者是预定义的关键字（如normal）。
font-size-adjust（较少使用）
描述：为元素提供字体大小调整比率。主要用于当首选字体不可用时，使用备选字体时的字体大小调整。
值：一个数字，通常与font-family中的font-aspect-value一起使用。
6.语法：边框样式border
border-width
描述：设置边框的宽度。
值：可以是thin、medium、thick或具体的长度值（如1px、2em等）。你可以分别为每个边框设置宽度，如border-top-width、border-right-width、border-bottom-width、border-left-width。
border-style
描述：设置边框的样式。
值：可以是none（无边框）、solid（实线）、dashed（虚线）、dotted（点线）、double（双线）、groove（凹槽边框）、ridge（垄状边框）、inset（内嵌边框）、outset（外嵌边框）等。同样，你可以分别为每个边框设置样式。
border-color
描述：设置边框的颜色。
值：可以是任何有效的CSS颜色值，如十六进制颜色（如#ff0000）、颜色名称（如red）、RGB、RGBA、HSL、HSLA等。你也可以分别为每个边框设置颜色。
border-radius
描述：设置边框的圆角。
值：可以是单个值（应用于所有四个角），也可以是四个值（分别应用于左上角、右上角、右下角和左下角）。每个值可以是一个长度值或百分比值。
border
描述：这是一个简写属性，用于同时设置border-width、border-style和border-color。
值：你可以按照border-width、border-style、border-color的顺序设置值，例如1px solid red。你也可以分别为每个边框设置这些值。
border-top、border-right、border-bottom、border-left
描述：这些属性是简写属性，允许你同时为一个边的border-width、border-style和border-color设置值。
值：与border属性的值类似，但仅应用于指定的边。
border-image
描述：使用图像作为边框。
值：这是一个复杂的属性，允许你设置图像的源、切片、宽度、外间距和重复模式等。
7.语法：鼠标悬浮hover
hover 伪类选择器
描述：:hover 伪类选择器应用于用户鼠标指针悬停在其上的元素。这通常用于改变元素在鼠标悬停时的样式，如改变颜色、背景或边框。
用法：选择器 :hover 必须附加到另一个选择器之后，以指定哪些元素在鼠标悬停时应获得样式。
示例
改变文字颜色
p:hover {
color: red;
}
当用户将鼠标悬停在
元素上时，文本颜色将变为红色。
改变背景色
button:hover {
background-color: #ddd;
}
当用户将鼠标悬停在