HTML元素分类

本文详细介绍了HTML中的三种元素类型:块元素、行内元素和行内块元素。块元素如div、h1等占据整行,可设置宽高;行内元素如a、span不占满行,仅限文本和同行内元素,可调整水平间距;行内块元素如input、img可设置宽高并排列在同一行,但存在间隙。通过float和position属性可以改变元素的显示方式。
摘要由CSDN通过智能技术生成

HTML元素分为:块元素(block) 和 行内元素(inline),行内块元素(inline-block)

块元素包括:div,h1~h6,ul>li,p,ol 等元素;元素可以设置宽高,但是占据一行位置上下排布;
在这里插入图片描述

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值