本节介绍HTML嵌套规则

1. 行级元素特点
   
2. 行级块元素特点
   
3. 块级元素特点
   
4. HTML嵌套注意事项
   

1.行级元素特点

行级元素特点：不独占一行，高度由内容自动撑开。
行级标签：a、span、i、em、strong、img等等，img标签是比较特殊的，虽然是行级元素，但是可以设置宽高
作用：一般用于字体内容的细节渲染，如加粗、斜体等

2.行级块元素特点

行级块元素特点：不独占一行，可以给元素设置高度
行级块标签：input、label、textarea、select、option等等

3.块级元素特点

块级元素特点：独占一行，可以设置宽高
块级标签：div、h1~h6、ol、ul、li、p、article、section、nav、main、footer、header等等
作用：一般用来搭建网站架构、布局、承载内容等

4.HTML嵌套注意事项

嵌套规则：
1、块级元素和行级块元素是可以嵌套所有元素的 注意：p标签虽然是块级标签，但是是不能嵌套块级元素的，p标签是进行文本内容编写使用的，不能作为嵌套标签

错误示范：

   <p>
        <div></div>   /*这是错误的*/
    </p>

最后标签会被分隔开来，严重情况下会导致整个布局都乱掉

2、行级元素只能嵌套行级元素和文本类，但是a标签是不能嵌套本身的，却可以嵌套块级元素。

错误示范：

   <a href="">
        <a href=""></a>  /*这是错误的*/
    </a>

a标签会被分隔开了

a标签嵌套块级元素：

总结：块级元素和行级块元素可以嵌套所有内容，行级元素不能嵌套块级，注意p标签和a标签这两个特殊的就好。一般块级元素是用来嵌套布局的，行级是用来嵌套文本内容的

注意：改变display属性只是让改的元素有其特点，是改变不了块级、行级、行块级这个本质的， display：block（块级元素特点）,display:inline(行级元素特点)，display：inline-block(行级块元素特点)