day02

1.今天学到了什么

1.HTML标签的分类

HTML分类了三大类：a.块标签 b.内联标签 c.内联块

2.块标签

//区域标签
div
//内容
p
//标题
h1~h6 
//无序列表
ul
//无序列表项
li
//定义列表
dl
//定义术语
dt
//定义描述
dd
//它的特点
1可以独占一行标签
2能够设置宽高

3.内联标签

一共有五种

//a
连接标签
//span
//i
//em
//strong

它有三种特点：
1可以并排显示
2不能够设置宽高
3不能设置

margin-top,margin-bottom

4.内联标签

//图像标签
img
//文字框标签
input
//按钮标签
button

它同时拥有块标签与内联标签的特点：

1.可以并排显示
2.可以设置宽高

5三类标签存在内在的属性

块状标签内在属性

display-block

内联标签内在属性

display：inline

内联块内在属性

display：inline-block

6CSS选择器

1.focus选择器只是针对input;

p:focus{}

2.分组选择器

div,p,h1{}

3.后代选择器

//只能选中子元素p
.header>p{}

//会选中所有P元素
.header p{}

4.兄弟选择器

//选中div之后的第一个P元素
div+p

//选中div之后所有P元素
div~p

5.属性选择器

//仅需记住
div[class=""]{}

6.伪元素

p：before{content:""}
p: after{content:""}

今天我熟练了

1.html的标签分类

1.块标签

//特点：1.拥有独占一行标签2.能够设置宽高
div
p
h1~h6
ul(li)
dl(dt,dd)

2.内联标签

//特点：1.并排显示2.不能设置宽高3.不能设置margin-top，margin-bottom
a
span
i
em
strong

3.内联块

//特点：1.并排显示2.能够设置宽高
img
input
button

4.三类标签存在内在属性

//块标签
display-block

//内联标签
display：inline

//内联块
display：inline-block

5.css选择器

//focus选择器
input：focus{}

//分组选择器
div，p，h{}
>##今天不太懂的
1.后代选择器

2.兄弟选择器