2021-03-30

本文深入探讨了HTML中的块级元素(如<div>、<p>、<h1>~<h6>等)和行内元素(如<span>、<a>、<strong>等)的显示规则。块级元素独占一行,可设置宽高;行内元素在同一行显示,设置宽高无效。同时介绍了行内块元素如<input>和<img>的特点,它们可以设置宽高并能并排显示。文章还提到了display属性用于切换元素的显示方式。
摘要由CSDN通过智能技术生成

显示规则:显示模式
block 块元素:<div></div>、``<p>< /p>、``<h1></h1>~

</h6>、
<ul><li> </li><ul>、<ol><li></li></ol>、
<dl><dt>标题</dt><dd>内容</dd></dl>、
1.一行只显示一个标签
2.可以设置宽高
3.默认的宽度就是大盒子的宽度,默认的宽度就是内容的宽度

inlink 行内元素:<span></span>、<a></a>、<strong><em></em>
1.一行显示多个标签
2.设置宽高后无效
3.默认的宽高就是内容的宽高

inlink-block 行内块元素:<input type="text"/>、<img />
1.一行显示多个
2.可以设置宽高
<strong></strong>加粗显示 <em></em>斜体显示
display: ;切换显示元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值