结构标签、行内元素、块元素、行内块元素

一、结构标签： header  网页的头部     main  网页的主体部分（一般就一个） footer   网页的底部   nav  网页导航     aside   和主体相关的内容，侧边栏    article   文章之类的    section  独立区块，上面的标签都不合适，就用这个，相当于div

一个网页只能有一个header、一个main、一个 footer（一般情况下）

二、行内元素：主要用来包裹文字的，里面不能放块元素

特点：1、不会独占一行

2、行内元素的宽高都是被内容撑开的，不可以自定义宽高

常用的行内元素：strong、em、a、span...

注意：

特殊的行内元素：a  里面什么都能放，除了它自己

三、块元素：主要用来布局，里面什么都能放，能放块元素，能放行内元素、行内块元素

特点：1、会独占一行

2、块元素宽度默认是父元素的100%，如果设置宽高，设置多少就是多少

3、块元素高度默认是被内容撑开的

常用的块元素：h1~h6、p、div、header、main、footer、nav...

注意：

 特殊块元素：p 不能放块元素，只能放文字和图片

四、行内块元素：主要用的行内块元素就是图片标签

特点：既有块元素的特点又有行内元素的特点；不会独占一行，但可以设置宽高

display  实现不同元素的相互转换

可选值：none 隐藏元素  block 转成块元素  inline  转成行内元素   inline-block  转成行内块元素