关于行类元素与块级元素的一些搜集整理

Posted 2020-09-04

标准文档流里面，块级元素具有以下特点：

①总是在新行上开始，占据一整行；
②高度，行高以及外边距和内边距都可控制；
③宽带始终是与浏览器宽度一样，与内容无关；
④它可以容纳内联元素和其他块元素。

行内元素的特点：

①和其他元素都在一行上；
②高，行高及外边距和内边距部分可改变；
③宽度只与内容有关；
④行内元素只能容纳文本或者其他行内元素。
不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用，也可以设置内边界，但是内边界在ie6中不对上下起作用，只能对左右起作用

 注意：1.在一些情况下需要将行类元素装换成块级元素，代码是：display：block

　　　2.在一些情况下需要将块级转换成行类元素，代码是：display：line-block，此代码也适合需要定义宽高的行类元素

 

行内元素列表:



<a>标签可定义锚



<abbr>表示一个缩写形式



<acronym>定义只取首字母缩写



<b>字体加粗

<Strong> 字体加粗，语义更重一些

<bdo>可覆盖默认的文本方向



<big>大号字体加粗



<br>换行



<cite>引用进行定义



<code>定义计算机代码文本



<dfn>定义一个定义项目



<em>定义为强调的内容



<i>斜体文本效果



<img>向网页中嵌入一幅图像



<input>输入框



<kbd>定义键盘文本



<label>标签为



<input> 元素定义标注（标记）



<q>定义短的引用

<blockquote>定义长的引用



<samp>定义样本文本



<select>创建单选或多选菜单



<small>呈现小号字体效果



<span>组合文档中的行内元素



<strong>语气更强的强调的内容



<sub>定义下标文本



<sup>定义上标文本



<textarea>多行的文本输入控件



<tt>打字机或者等宽的文本效果



<var>定义变量



块级元素列表:



<address>定义地址



<caption>定义表格标题



<div>定义文档中的分区或节



<dl>定义列表



<dt>定义列表中的项目

<dd>定义列表中定义条目



<fieldset>定义一个框架集



<form>创建 html 表单



<h1>定义最大的标题



<h2>定义副标题



<h3>定义标题



<h4>定义标题



<h5>定义标题



<h6>定义最小的标题



<hr>创建一条水平线



<legend>元素为 



<fieldset>元素定义标题



<li>标签定义列表项目



<noframes>为那些不支持框架的浏览器显示文本，于 frameset 元素内部



<noscript>定义在脚本未被执行时的替代内容



<ol>定义有序列表



<ul>定义无序列表



<p>标签定义段落



<pre>定义预格式化的文本



<table>标签定义 HTML 表格



<tbody>标签表格主体（正文）



<td>表格中的标准单元格



<tfoot>定义表格的页脚（脚注或表注）



<th>定义表头单元格



<thead>标签定义表格的表头



<tr>定义表格中的行