非零基础自学前端最后一遍一 HTML+CSS 9 CSS继承-层叠-元素类型 9.5 HTML元素编写的注意事项

偏执的太偏执、 2024-03-25 19:18 47阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  一 HTML+CSS
         *  9 CSS继承-层叠-元素类型
         *   *  9.5 HTML元素编写的注意事项
             *   *  9.5.1 编写HTML时的注意事项

![在这里插入图片描述][3c4ba86246d844f39ddbca81a17b12e4.png_pic_center]

#### 一 HTML+CSS ####

#### 9 CSS继承-层叠-元素类型 ####

##### 9.5 HTML元素编写的注意事项 #####

###### 9.5.1 编写HTML时的注意事项 ######

*  块级元素、inline-block元素
    
     *  一般情况下，可以包含其他任何元素（比如块级元素、行内级元素、inline-block元素）
     *  特殊情况，p元素不能包含其他块级元素
        
        ![在这里插入图片描述][1da618a7a1754389b939f0ed5f5a4dfb.png_pic_center]
        
        可以看到，感觉很怪
        
        ![在这里插入图片描述][f2776b3e5d994bc2b25395e7951d7494.png_pic_center]
        
        根本和我们写的代码不一样
 *  行内级元素（比如a、span、strong等）
    
     *  一般情况下，只能包含行内级元素

[3c4ba86246d844f39ddbca81a17b12e4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/3738a7f179d1487eb5890550078b9cd5.png
[1da618a7a1754389b939f0ed5f5a4dfb.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/5483c7163b2c42c3a72a597035152e79.png
[f2776b3e5d994bc2b25395e7951d7494.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/25/63577ef15fbc4044a6e33529d15548a6.png