使用css进行布局,对块级元素并不陌生,我们经常使用的div就是块级元素,那么块级元素到底有哪些呢?
<address> | 地址 |
<caption> | 表格标题 |
<dl> | 列表 |
<dt> | 列表中每一列的标题 |
<dd> | 列表中每一列的内容 |
<div> | 分区块 |
<form> | 表单 |
<h1><h2><h3><>h4><h5><h6> | 标题 |
<fieldset> | fieldset 元素的标题 |
<li> | 列表项目 |
<ol> | 有序列表 |
<ul> | 无序列表 |
<p> | 段落 |
<table> | 表格 |
<tbody> | 表格主体 |
<td> | 表格中的标准单元格 |
<tfoot> | 表格的页脚 |
<th> | 表头单元格 |
<thead> | 表格的表头 |
<tr> | 表格中的行 |
为了方便大家快速记忆,我们总结了几句话
三大列表和表格
六大标题和表单
段落地址要分块
那么如何使用块级元素?
1.块级元素各占据一行,垂直方向排列。
2.块级元素可以设置width、height、padding、margin。
3. 块级元素可以包含行内元素和块级元素,但行内元素不能包含块级元素。