盒子模型（包含级元素分类）

一、CSS的盒子模型

1、CSS标准盒子模型：宽度 = 内容宽度（content）+ border + padding + margin

2、低版本IE盒子模型：宽度 = 内容宽度（content + border + padding）+ margin 

二、元素分类

1、行内元素

<a> 、<abbr>（缩写）、<acronnym>（首字母）、<b>、<bdo> 、<big>、<br>、<cite>（引用）、<code>、<dfn>（定义字段）、<em>（强调）、<font>、<i>（斜体）、<img>、<input>、<kbd>（定义键盘文本）、<label>（表格标签）、<q>（短引用）、<s>（中画线、不推荐）、<samp>（代码）、<select>、<small>、<span>、<strike>（中划线）、<strong>、<sub>（下标）、<sup>（上标）、<textarea>、<tt>（电传文本）、<u>（下划线）、var

2、块级元素

<address>、<blockquote>（块引用）、<center>、<dir>（目录列表）、<div>、<dl>（定义列表）、<fieldset>（form控制组）、<form>、<h1>~<h6>、<hr>、<isindex>（input prompt）、<menu>（菜单列表）、<noframes>（frames可选内容）、<noscript>、<ol>、<p>、<pre>（格式化文本）、<table>、<ul>

3、可变元素（根据上下文语境决定该元素为块元素或内联元素）

<applet>、<button>、<del>、<iframe>、<ins>（插入文本）、<map>、<script>

4、空元素（在HTML[1]元素中，没有内容的元素）

<br/>、<hr/>、<input>、<img>、<link>、<meta>

 

转载于:https://www.cnblogs.com/daheiylx/p/9707044.html