A今日所学
一、HTML标签的分类
1.块标签
p,div,ul,li,dl,dt,dd,h1~h6
独占一行+可设置高宽以及所有填充
2.内联标签
a,span,em,i,storng
并排显示+不可设置高宽以及margin-top和margin-bottom
3.内联块标签
button,img,input
并排显示+可设置高宽以及所有填充
二、让内联标签与内联块标签居中的两种方法
1.
改变display属性为block，然后填充
2.
外层套DIV，使外层DIV居中
三、CSS选择器
1.元素选择器
2.class选择器
3.id选择器
4.分组选择器
p,h4{}
5.后代选择器
div>span{}
div span{}
6.兄弟选择器
div+p{}
div~p{}
7.伪类选择器
p:hover{}
p:focus{}
8.伪元素
p:after{}
9.属性选择
div[class='test']{}
四、选择器的优先级
元素选择器<class选择器<ID选择器<!important
div{color:pink}<div.test{color:blue}<div#first{color:yellow}<div{color:red !important}
B今日已掌握
一、HTML标签的分类
1.块标签
p,div,ul,li,dl,dt,dd,h1~h6
独占一行+可设置高宽以及所有填充
2.内联标签
a,span,em,i,storng
并排显示+不可设置高宽以及margin-top和margin-bottom
3.内联块标签
button,img,input
并排显示+可设置高宽以及所有填充
二、让内联标签与内联块标签居中的两种方法
1.
改变display属性为block，然后填充
2.
外层套DIV，使外层DIV居中
三、CSS选择器
1.元素选择器
2.class选择器
3.id选择器
4.分组选择器
p,h4{}
5.后代选择器
div>span{}
div span{}
6.兄弟选择器
div+p{}
div~p{}
7.伪类选择器
p:hover{}
p:focus{}
8.伪元素
p:after{}
9.属性选择
div[class='test']{}
四、选择器的优先级
元素选择器<class选择器<ID选择器<!important
div{color:pink}<div.test{color:blue}<div#first{color:yellow}<div{color:red !important}
