day02

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']{}

四、选择器的优先级

元素选择器

div{color:pink}

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']{}

四、选择器的优先级

元素选择器

div{color:pink}

C今日未掌握