关于垂直导航栏、部分伪类选择器

对有序或无序列表

list-style-type：

circle	disc	upper-alpha	lower-alpha	square	upper-roman	lower-roman	decimal-leading-zero	decimal
空心圆	实心圆	大写英文字母	小写英文字母	实习方块	大写罗马字母例I, II, III, IV, V	小写罗马字母例i, ii, iii, iv	例01、02	数字例1，2，3

list-style-image：url(地址) 默认直接使用原图大小

对有序列表

list-style-position：

• outside: 列表前的标记不属于列表内容，overflow时会被隐藏
• inside : 列表前的标记属于列表内容，overflow时不会被隐藏

只对列表有用，对列表之外的文字不适用

如果用这个属性，要把这个属性放最后

链接伪类选择器

链接默认：点前蓝，悬浮蓝，点时红，点后紫

• a：link         未访问
• a：visited    访问过
• a：hover     鼠标悬浮
• a：active     已经点击没松开

写的时候按照 lvha的顺序写 （助记：驴哈哈）

垂直导航栏

使用ul，并在用ul之前先把ul的样式取消

ul{
            list-style: none;
}
ul li:hover {
            background-color: teal;
            color: whitesmoke;
            font-size: 20px;
        }

针对表单元素的伪类选择器

input：focus       当表单元素成为焦点时设置样式属性

outline：输入框被点击时出现外线

补充伪类选择器

E   F:first-child   从E出发，查找第1个标签是不是F，是则设置样式，不是则不设置

E：first-child   从body出发，查找第1个元素是不是E标签，是则设置样式，不是则不设置