超链接伪类
超链接伪类用于定义超链接在不同状态下的样式。它们通过样式改变链接的外观，帮助用户理解链接的交互状态。
超链接伪类的概念及使用
格式：
标签名:伪类名{声明;}
伪类样式：
-
标签:link
未单击访问时超链接样式
示例：标签:link { color: #eaadea; } -
标签:visited
单击访问后超链接样式
示例：标签:visited { color: #eaadea; } -
标签:hover
鼠标悬浮其上的超链接样式
示例：标签:hover { color: #eaadea; } -
标签:active
鼠标单击未释放的超链接样式
示例：标签:active { color: #eaadea; }
| 伪类样式 | 描述 |
|---|---|
link | 未单击访问时超链接样式 |
visited | 单击访问后超链接样式 |
hover | 鼠标悬浮其上的超链接样式 |
active | 鼠标单击未释放的超链接样式 |
列表样式的概念及使用
格式：
css: 标签名 { list-style: 值; }
五种值的表示方式：
-
none
无标记符号 -
disc
实心圆, 默认类型 -
circle
空心圆 -
square
实心正方形 -
decimal
数字
列表样式总结：
| 列表样式 | 描述 |
|---|---|
| none | 无标记符号 |
| disc | 实心圆, 默认类型 |
| circle | 空心圆 |
| square | 实心正方形 |
| decimal | 数字 |
背景样式
背景颜色：
background-color: 颜色值
背景图像：
标签名 { background-image: url("图像路径") }
背景重复方式：
标签名 { background-image: url("图像路径"); background-repeat: 属性 }
四种属性表示方式：
① repeat：沿水平和垂直两个方向平铺
② no-repeat：不平铺，即只显示一次
③ repeat-x：只沿水平方向平铺
④ repeat-y：只沿垂直方向平铺
背景定位：
标签名 { background-image: url("背景图像.png"); background-position: 值 值 }
三种值表示方式：
① X Y：单位：px，Xpos表示水平位置，Ypos表示垂直位置
② X% Y%：使用百分比表示背景的位置
③ X、Y方向关键词：X水平方向的关键词：left、center、right；Y垂直方向的关键词：top、center、bottom
设置背景属性样式简写：
标签名 { background: 背景颜色 背景图像 背景重复方式 背景定位 }
示例：
#id { background: pink url("背景图像.png") no-repeat center center }
背景尺寸：
标签名 { background-image: url("背景图像.png"); background-size: 值 }
四种值表示方式：
① auto：默认值，使用背景图片保持原样
② percentage：当使用百分值时，不是相对于背景的尺寸大小来计算的，而是相对于元素宽度来计算的
③ cover：整个背景图片放大填充了整个元素
④ contain：让背景图片保持本身的宽高比例，将背景图片缩放到宽度或者高度正好适应所定义背景的区域
