一、背景（background：background-color background-image background-position background-repeat background-attaachment）：
background-color: 设置纯色。background-image: 背景图像：静态图片——url(图片所在地址)；- 渐变——lilnear-gradient(to bottom left,一个颜色,另一个颜色 40%—百分比可加可不加，表示何时渐变);
background-position:背景位置（水平位置 竖直位置，只写一个为水平位置）：-
- 像px这样的绝对值——比如
background-position: 200px 25px. - 像rems 这样的相对值——比如
background-position: 20rem 2.5rem. - 百分比 ——比如
background-position: 90% 25%. - 关键字——比如
background-position: right center. 这两个值是直观的，可以分别取值比如left，center，right和top，center，bottom。
- 像px这样的绝对值——比如
background-repeat: 背景重复(平铺)：no-repeat,repeat-x（水平重复）,repeat-y（竖直重复）。background-attachment: 滚动：-
scroll: 这将把背景修改为页面视图，因此它将在页面滚动时滚动。如果滚动实际的背景设置的元素，而不是页面，背景不会滚动。fixed: 这可以在页面的位置上固定背景，所以当页面滚动时，它不会滚动，不管你是滚动页面还是背景设置的元素，它都会保持在相同的位置。local: 将背景设置为它所设置的元素的背景，因此当您滚动元素时，背景会随之滚动。
background-size: 允许动态调整背景图像的大小 ：可用px、百分比、rem。
- border： border-width（宽度 1px） border-style（样式 solid dotted等） border-color；
- border-radius：边界半径，px，rem，%，类似10px大小和高度相等时是圆形边框，类似10px/20px是椭圆形。
- border-image：border-image-source border-image-slice border-image-repeat；边界图像：
- border-image-source：url（图片地址）；设置图像。
- border-image-slice：40；设置切片大小。
- border-image-repeat：
stretch：默认;侧面的图像被拉伸来填满边界。这通常看起来很糟糕和像素化，所以不推荐。repeat：边图像被重复，直到边界被填满。根据具体情况，这可能看起来不错，但您可能会看到一些难看的图像片段。round： 边的图像被重复，直到边界被填满，它们都被稍微拉伸，这样就不会出现碎片。space：边图像被重复，直到边界被填满，每个拷贝之间添加了少量的间隔，这样就不会出现任何片段。
三、列表ul/ol：
- list-style-type:设置符号类型，例如无序列表的方形或圆形项目符号，或有序列表的数字，字母或罗马数字。
- list-style-position:设置位置：inside或outside（默认）。
- list-style-image:自定义图片：url()。
补充规则：
- <ol start="4">从4开始计数，编号依次为 4,5,6...
- <ol start="4" reversed>从4开始倒数，编号依次为 4,3,2...
- <li value="4">自定义值。
四、链接：
- Link (没有访问过的): 这是链接的默认状态，当它没有处在其他状态的时候，它可以使用
:link伪类来应用样式。 - Visited: 这个链接已经被访问过了(存在于浏览器的历史纪录), 它可以使用
:visited伪类来应用样式。 - Hover: 当用户的鼠标光标刚好停留在这个链接，它可以使用
:hover伪类来应用样式。 - Focus: 一个链接当它被选中的时候 (比如通过键盘的 Tab 移动到这个链接的时候，或者使用编程的方法来选中这个链接
HTMLElement.focus()) 它可以使用:focus伪类来应用样式。 - Active: 一个链接当它被激活的时候 (比如被点击的时候)，它可以使用
:active伪类来应用样式。
LoVe Fears HAte.