A今天学到了什么
1.HTML标签的分类
1.1块标签
//常用的块标签
div,p,h1~h6,ul,li,dl,dt,dd
//特点
1.独占一行
2.能够设置宽高
1.2内联标签
//常用的内联标签
a,span,i,em,strong
//特点
1.并排显示
2.不可以设置宽高
3.不能设定{margin-top、bottom}
1.3内联块标签
//常用的内联块标签
img,input,button
//特点
1.并排显示
2.可以设定宽高
1.4如何让内联标签实现水平居中
//块标签
display:block(自带显示块)
//内联标签
display:linline
//内联块标签
display:linline-block
2.CSS选择器
2.1基本选择器
分类:
(1).p元素选择器
(2).class选择器
(3).id选择器
(4).hover选择器
2.2分组选择器
p、div、h1~h6{background:gray}
2.3后代选择器
header>p{选取选取header所有子元素为p的标签}
header p{选取header之后的所有元素}
2.4兄弟选择器
div+p{}选取紧邻div之后的第一个兄弟元素
div~p{}选所有取紧邻div之后的所有兄弟元素
2.5属性选择器
div[class="one"]{}
2.6伪类选择器
input:focus{}(只针对input)
div:hover{}
2.7伪元素
“:before"(伪元素可以在元素前面插入新内容)
p:before{
content:”}
“:after”伪元素可以在元素之后插入新内容。
p:after{
content:”}
B哪些掌握了
1.HTML标签的分类
1.1块标签
//常用的块标签
div,p,h1~h6,ul,li,dl,dt,dd
//特点
1.独占一行
2.能够设置宽高
1.2内联标签
//常用的内联标签
a,span,i,em,strong
//特点
1.并排显示
2.不可以设置宽高
3.不能设定{margin-top、bottom}
1.3内联块标签
//常用的内联块标签
img,input,button
//特点
1.并排显示
2.可以设定宽高
1.4如何让内联标签实现水平居中
//块标签
display:block(自带显示块)
//内联标签
display:linline
//内联块标签
display:linline-block
C哪里掌握的不好
好多单词记不住不够熟悉选择器基本乱了
2.1基本选择器
分类:
(1).p元素选择器
(2).class选择器
(3).id选择器
(4).hover选择器
2.2分组选择器
p、div、h1~h6{background:gray}
2.3后代选择器
header>p{选取选取header所有子元素为p的标签}
header p{选取header之后的所有元素}
2.4兄弟选择器
div+p{}选取紧邻div之后的第一个兄弟元素
div~p{}选所有取紧邻div之后的所有兄弟元素
2.5属性选择器
div[class="one"]{}
2.6伪类选择器
input:focus{}(只针对input)
div:hover{}
2.7伪元素
“:before"(伪元素可以在元素前面插入新内容)
p:before{
content:”}
“:after”伪元素可以在元素之后插入新内容。
p:after{
content:”}
//内联块