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:”}
//內聯塊