A.今天学了什么?
1.HTML标签分为三大类
a.块标签:
P,div,h1~h6,ul,li,dl,dt,dd这几种标签
特点为单独占一行,能够设置行高
b.内联标签:
a,span,i,strong,em标签
特点为并排显示,不能设置行高,也不能设置margin-top和margin-bottom
c.内联块标签
img,input,button标签
特点为并排显示能设置宽高
2.如何让内联元素和内联块元素实现水平居中
display:blok
margin-left:auto:
margin-right:auto;
这样就能让内联元素和内联块元素实现水平居中。
3.如何让内联元素和内联块元素水平居中
就是给父级加上text-align:center
4.css选择器的定义
时选中你所要改变的元素的一张方式
5.CSS选择器的分类
a.文档的元素是最基本的选择器
如:P{cloro:pink}
b.class选择器
如:.one{color:bule}
c.id选择器
如:#two{color}
d.分组选择器
如:p,h3{color}
e.后代选择器
如: div>span 是选取div所有子元素为span的标签
div span 是选取div之后的所有元素标签
f.兄弟选择器
div+p 是选取紧邻div之后的第一个兄弟元素
div~p 是选取紧邻div之后的所有兄弟元素
g.伪类选择器
div:hover{}
input;focus{}
h.伪元素
"before"伪元素可以在元素的内容前面插入新内容
如p:before{content:"}
"after"伪元素可以在元素的内容后面插入新内容
如p:after{content:"}
i.选择器的优先排列顺序
!important选择器>id选择器>class选择器>元素选择器
B.今天掌握了什么?
1.HTML标签三种类型的应用及各种类型的特点
2.display:blok;display:inline; display:inline-blok的相互运用
3.CSS选择器的运用(除了 div>span div span div+p div~p)
4.知道了选择器的优先排列顺序
C.今天没弄明白的有哪些?
1. div>span div span div+p div~p这四个选择器容易弄混淆。
2.如何让内联元素和内联块元素水平居中不懂。