html元素类型详细介绍 包含 块元素、内联元素、可变元素

HTML元素分为三大类：块元素、内联元素、可变元素MZa胜于蓝|优秀个人博客

 MZa胜于蓝|优秀个人博客

1.块元素MZa胜于蓝|优秀个人博客

    常见块元素：div、p、ul、ol、li、dt、dl、dd、form、table、tr、td、h1、h2、h3、h4、h5、h6、hr、fieldsetMZa胜于蓝|优秀个人博客

    注：默认状态有 margin、padding 的html元素有 body、ul、ol、dl、dd、li、p、h1-h6、td、inputMZa胜于蓝|优秀个人博客

    块状元素的特点：MZa胜于蓝|优秀个人博客

        ① 块状元素以块的形式显示为矩形区域MZa胜于蓝|优秀个人博客

        ② 块状元素不会并排显示、自上而下排列MZa胜于蓝|优秀个人博客

        ③ 块元素可以定义自己的宽度和高度以及盒模型中任意的padding、margin、borderMZa胜于蓝|优秀个人博客

        ④ 块元素可以作为一个容器容纳其他的块元素和内联元素MZa胜于蓝|优秀个人博客

 MZa胜于蓝|优秀个人博客

2.内联元素MZa胜于蓝|优秀个人博客

    常见内联元素：a、span、b、strong、em、i、label、img、input、textarea、selectMZa胜于蓝|优秀个人博客

    内联元素的特点：MZa胜于蓝|优秀个人博客

        ① 内联元素在一行逐个显示MZa胜于蓝|优秀个人博客

        ② 内联元素没有自己的形状，不能定义宽度和高度，他的宽高由内容来决定MZa胜于蓝|优秀个人博客

        ③ 内联元素设置与高度相关的一些属性时，会显示错误或不生效（如 margin-top、 margin-bottom、 padding-top、 padding-bottom、 line-height ）MZa胜于蓝|优秀个人博客

        ④ 内联元素嵌套块元素是不合理的MZa胜于蓝|优秀个人博客

 MZa胜于蓝|优秀个人博客

    常见的内联块状元素：img、input、textarea、selectMZa胜于蓝|优秀个人博客

    内联块状元素的特点：MZa胜于蓝|优秀个人博客

        ① 既具有内联元素的特点，在一行逐个进行显示MZa胜于蓝|优秀个人博客

        ② 又具有块状元素的特点，可以定义宽高以及 margin、padding、borderMZa胜于蓝|优秀个人博客

        ③ 只有内联块状元素设置 vertical-align 属性有效MZa胜于蓝|优秀个人博客

 MZa胜于蓝|优秀个人博客

3.可变元素MZa胜于蓝|优秀个人博客

    根据上下文关系决定元素类型（块元素或内联元素）MZa胜于蓝|优秀个人博客

Tags：

块元素   内联元素   可变元素

转载：【免责声明】：转载自其他平台或媒体的文章，本站将注明来源及作者，但不对所包含内容的准确性、可靠性或网站性提供任何明示或暗示的保证，仅做参考！如有侵权，请联系本站并提供相关证明，本站将依据著作权人意见删除该文，并不承担任何责任！
如果您认为本文侵犯了您的版权信息，请与我们联系修正或删除。感谢您对胜于蓝个人博客网站平台的认可，非常欢迎各位朋友分享到个人站长或者朋友圈，但转载请说明文章出处“来源胜于蓝个人博客”。/web/html/82.html

扫描关注胜于蓝微信|公众号，第一时间获取网站模板更新动态

本文地址：/web/html/82.html

很赞哦！ ()