html块级、行级元素介绍
导读:收集整理的这篇文章主要介绍了html块级、行级元素介绍,觉得挺不错的,现在分享给大家,也给大家做个参考。htML元素可以划分为块级元素和行级元素。块级元素是什么?它可以独占一行,可以设置宽高度,默认是100%;(相关教程推荐:html教程)...
收集整理的这篇文章主要介绍了html块级、行级元素介绍,觉得挺不错的,现在分享给大家,也给大家做个参考。htML元素可以划分为块级元素和行级元素。
块级元素是什么?
它可以独占一行,可以设置宽高度,默认是100%;
(相关教程推荐:html教程)
行级元素与之相反,它的内容决定它的宽高度,至于特殊字符就当成是文字来看。
示例:
!DOCTYPE html> html> head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, inITial-scale=1.0"> title> HTML块级、行级元素,特殊字符,嵌套规则/title> /head> body> !-- 块元素:独占一行,可以设置宽高、默认宽度100% --> 块元素分为文字类和容器类 文字类块元素:p、h1——h6 容器类块元素:div、table、tr、td、frame、ul> li、ol、dl、dt、dd(序列) !-- 行元素:不独占一行,宽高度取决于内容 --> 行元素:a img input strong em del span 特殊字符:文字 br & nbsp hr/body> /html>
嵌套规则:
1、块元素可以嵌套行元素;
2、行元素可以嵌套行元素;
3、行元素不可以嵌套块元素;
4、文字类块元素不可以嵌套块元素;
5、容器类块元素可以嵌套块元素。
想学习更多编程知识,请访问编程教程栏目!
以上就是html块级、行级元素介绍的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html块级、行级元素介绍
本文地址: https://pptw.com/jishu/590811.html