第三天简书

1、列表(可以互相嵌套)：

无序列表 :ul(块元素) li(块元素)
有序列表:ol li
定义列表:dl dt dd

<ol type = "1">
1为默认，默认阿拉伯数字
type可以等于 i/a/A/I......

去掉项目符号：
有序：ul{list-style:none;}
无序：ol{list-style:none;}

2、长度单位：


.box1{
            /*1em = 1font-size*/
            font-size：100px;
            /*表示：一个em=100px,*/
            width:2em;
            /*em随字号大小变化 2个em=200px*/ height: 50%; /*父类的像素的50%*/

3、兄弟选择器：

span+p{} (span和p必须要紧挨着)
span~p{} (span后面的所有p元素)

4、否认伪类：

p:not(.hello) {}

5、字体的样式：

font-family:"Segoe Script"；加引号说明那是一个字体
font-family:arial; (改变英文，中文还是默认)
font-family:华文彩云，arial,微软雅黑；
（第一个不支持用第二个，第二个不支持用第三个......）

我的电脑-c盘-Windows-fonts 可查看支持的字体

网页中将字体分为五大类：
serif（衬线字体）
sans-serif (非衬线字体)
monospace(草书字体)
fantasy(虚幻字体)
例如：

<p style="font-size:50px;font-family:serif">

6、样式继承：
(内联样式)

<p style="font-size: 40px">

字体大小可以继承
边框、背景(透明的，会显示父类的颜色)、定位不会被继承

7、选择器的优先级：

选择器的优先级：
！important 避免使用， .p1{color:green !important;}
内联样式，优先级1000 <p style="font-size: 40px">
ID选择器，优先级100 #p1{}
类和伪类，优先级10 .p1{}
元素选择器，优先级1 p{}
通配*，优先级0 *{}
继承的样式，没有优先级

复合选择器
p#p2 优先级：1+100
p.p2 优先级：1+10

相同的(覆盖，显示出后者的)：
.p1{
color:yellow;
}

.p3{
    color:red
}

并集选择器(个算个的，单独计算，不加在一起)：
div，p,#p1,.hello{}

8、颜色单位：

background-color：
rgb(200,0,0) （红色深浅也可变化）
rgb(240,240,240) 灰色（截屏）
rgb(100%,20%,50%)
#ff0000
#aabbcc = abc

8、a的伪类：

伪类选择器：
：link{} 没访问过的
：visited{} 访问过的
：hover{} 鼠标滑过
：active{} 正在点击

(1)、如果先active后hover那后面的会覆盖前面的
(2)、如果把link和visited写在active和hover后面，active和hover将会被覆盖。