HTML元素分类

- 日理万妓 2022-12-21 13:58 114阅读 0赞

## HTML元素分为：块元素(block) 和 行内元素(inline)，行内块元素(inline-block) ##

**块元素包括**：div，h1~h6，ul>li，p，ol 等元素；元素可以设置宽高，但是占据一行位置上下排布；  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70_pic_center]

**行内元素包括**：a，strong，span，em，i 等元素；行内元素里面只能放文本元素或者其他行内元素，行内元素不能设置宽高因为是文本模式，但是可以在水平方向上设置margin 和 padding；行内元素是并行放在一行的。  
![在这里插入图片描述][2020111616095286.jpg_pic_center]

**行内块元素包括**：input，img，td 等；他们可以设置宽高，相邻行内块元素会在一行但是他们之间会出现间隙，磨人的宽度是他们本身的宽度，margin 和 padding 都可以设置。  
![在这里插入图片描述][20201116161001570.jpg_pic_center]  
**float 一下会将block 元素转换为 行内块元素inline-block**  
**选择元素的 absolute 或 fixed 也会将元素转换为 inline-block**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4NDM1Nw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/e1a0d6104c384f6ead483e0d909c6e3a.png
[2020111616095286.jpg_pic_center]: /images/20221120/81971614f3da4b76bc1b18764346a9d1.png
[20201116161001570.jpg_pic_center]: /images/20221120/f36ca67440b0429eb546fe04f7d3366c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，114人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML 标签分类

基础 <table> <thead> <tr> <th>标签名称</th> <th>功能描述</th> </tr> </thead>

ゞ浴缸里的玫瑰/ 2023年10月18日 11:09/ 0 赞/ 122 阅读

相关 HTML 元素

HTML 元素 -------------------- HTML 文档由 HTML 元素定义。 -------------------- HTML 元素 <

梦里梦外;/ 2023年10月12日 21:54/ 0 赞/ 69 阅读

相关 HTML分类

HTML分类 1）按默认样式分 • 块级block • 行内inline • inline-block 2）

灰太狼/ 2023年02月17日 05:11/ 0 赞/ 55 阅读

相关元素分类--块级元素

元素分类--块级元素什么是块级元素？在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。设置`display:bloc

待我称王封你为后i/ 2023年02月08日 12:52/ 0 赞/ 25 阅读

相关 CSS元素分类

块状元素行内元素行内快元素元素特点：块状元素：在页面中以矩形区域显示。自上而下排列，独占一行可以直接添加宽高

╰+攻爆jí腚メ/ 2023年01月08日 08:24/ 0 赞/ 147 阅读

相关 HTML元素分类

HTML元素分为：块元素(block) 和行内元素(inline)，行内块元素(inline-block) 块元素包括：div，h1~h6，ul>li，p，ol 等元素

- 日理万妓/ 2022年12月21日 13:58/ 0 赞/ 115 阅读

相关 html元素设置浮动,html浮动元素

1. position:static 所有元素的默认定位都是：position:static，这意味着元素没有被定位，而且在文档中出现在它应该在的位置。一般来说，不用指定

秒速五厘米/ 2022年10月09日 13:29/ 0 赞/ 254 阅读

相关 html元素分类

大体可分为三大类: 1.行内元素、 2.块级元素、 3.(void)空元素 CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的

青旅半醒/ 2022年07月15日 08:22/ 0 赞/ 161 阅读

相关 html元素的分类

HTML对盒子(元素)分类： 1.块级元素(block) 2.行内元素(inline) 3.行内块元素(inline-block) 。注：HTML的大多数元素

末蓝、/ 2022年06月09日 14:48/ 0 赞/ 241 阅读

相关元素分类

dic = {} lst1 = [] lst2 = [] li = [11,22,33,44,55,66,77,88,99,90] fo

╰+攻爆jí腚メ/ 2021年11月19日 14:52/ 0 赞/ 316 阅读