块级元素、行内元素、空元素(void)

本文详细介绍了HTML中的块级元素、行内元素及空元素的特点与应用场景,解析了块级元素的宽度设定规则。
  • 块级元素与行内元素区分:根据标记内容是否另起一行来区分。

  •  行内元素:

<a>、<span>、<em>、<img>、<input>、<select>、<strong>、<textarea>

  •  块级元素:

<div>、<form>、<p>、<h1>~<h6>、<ul>、<ol>、<li>、<table>、<caption>、<thead>、<tbody>、<tfoot>、<th>、<tr>

  • 空元素(void):在HTML元素中,没有内容的HTML元素被称为空元素。

$.特点:空元素是在开始标签中关闭的。如:<br/>

$.<area>、<base>、<br>、<col>、<colgroup>、<command>、<embed>、<hr>、<img>、<input>、<keygen>、<link>、<meat>、<param>、<source>、<track>、<wbr>;

  • 对于块元素,其宽度有如下的几种情形:   

$.在默认情况下,宽度为父元素的宽度。

$.若将块元素设置为浮动而且不设置宽度,那么宽度与内容自适应。

$.设置块元素的宽度,可以是绝对宽度,也可以是相对于父元素的宽度。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值