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将会被覆盖。
网友评论