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.兄弟选择器