IFE：第4天 背景列表链接和更复杂的选择器

背景 background

背景指的是元素内容、内边距和边界下层的区域
(可用background-clip修改)

属性	说明	值	备注
background-color	背景色		建议加上，作为后备，以防背景图像无法加载
background-image	背景图像	url(…)、渐变: linear-gradient(to 渐变的方向,开始的颜色,结尾的颜色)	渐变可以在中途选择其他的点
background-repeat	背景重复	repeat(默认)、repeat-x、repeat-y、no-repeat
background-position	背景定位	关键字、百分数值、长度值	坐标系为x坐标从左到右,y坐标从上到下;可以用于雪碧图
background-attachment	背景附着	scroll(默认)、fixed
background-size	背景图像大小	长度值、百分数值、cover、contain
background	背景简写		可按任意顺序放置

列表 list

属性	说明	值	备注
list-style-type	列表标志	标志值
list-style-image	列表项图像	url()	可用background代替
list-style-position	列表项位置	inside(文本内文本环绕)、outside(默认)、inherit
list-style	列表简写	顺序:list-style-type list-style-position list-style-image(可省略某个值)

链接 a

根据所处状态决定样式

a:link {color:#FF0000;}        /* 未被访问的链接 */
a:visited {color:#00FF00;}    /* 已被访问的链接 */
a:hover {color:#FF00FF;}    /* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}    /* 正在被点击的链接 */

注意: 一定要按照LVHA的顺序指定！

优先级

内联样式1000;
ID属性100;
类属性/属性选择/伪类010;
元素/伪元素001