8.div+css基础学习三 列表和超链接伪类

1、列表

list-style-type         设置列表项标记的类型。参阅：list-style-type 中可能的值。
list-style-position     设置在何处放置列表项标记。参阅：list-style-position 中可能的值。
list-style-image         使用图像来替换列表项的标记。参阅：list-style-image 中可能的值。
inherit                 规定应该从父元素继承 list-style 属性的值


取值:disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha  
| upper-alpha | none | inherit
        disc: 点
        circle: 圆圈
        square: 正方形
        decimal: 数字
        decimal-leading-zero: 十进制数，不足两位的补齐前导0，例如: 01, 02, 03, ..., 98, 99
        lower-roman: 小写罗马文字，例如: i, ii, iii, iv, v, ...
        upper-roman: 大写罗马文字，例如: I, II, III, IV, V, ...
        lower-greek: 小写希腊字母，例如: α(alpha), β(beta), γ(gamma), ...
        lower-latin: 小写拉丁文，例如: a, b, c, ... z
        upper-latin: 大写拉丁文，例如: A, B, C, ... Z
        armenian: 亚美尼亚数字
        georgian: 乔治亚数字，例如: an, ban, gan, ..., he, tan, in, in-an, ...
        lower-alpha: 小写拉丁文，例如: a, b, c, ... z
        upper-alpha: 大写拉丁文，例如: A, B, C, ... Z
        none: 无(取消所有的list样式)
        inherit:继承


list-style-position：
inside    列表项目标记放置在文本以内，且环绕文本根据标记对齐。
outside    默认值。保持标记位于文本的左侧。列表项目标记放置在文本以外，且环绕文本不根据标记对齐。


简写list-style:square inside url('/i/arrow.gif');

2、超链接伪类

a{ text-decoration: none;}

a:link { color:#FF0000;}         /* 未访问的链接 */
a:visited { color:#00FF00;}      /* 已访问的链接 */
a:hover { color:#FF00FF;}      /* 鼠标划过链接 */
a:active { color:#0000FF;}     /* 已选中的链接 */

2021.08.03 (0:14:24)