CSS块元素(block)、内联元素(inline)、可变元素---详解

html标签的block、inline分类明细：

块元素(block element)
　　◎ address - 地址

注释：address 通常被呈现为斜体。大多数浏览器会在 address 元素的前后添加一个换行符，不过如果有必要的话，您需要在地址文本的内容添加额外的换行符。

　　◎ blockquote - 块引用

<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。
注明：1、如需把页面作为 strict XHTML 进行验证，那么 <blockquote> 元素必须包含块级元素。2、与<q>的区别：<q>是内联元素，行内用来标记短的引用

　　◎ center - 举中对齐块 不被赞成使用!

　　◎ dir - 目录列表 不被赞成使用!

　　◎ div - 常用块级容易，也是css layout的主要标签

　　◎ dl - 定义列表

　　◎ fieldset - form控制组
　　◎ form - 交互表单

　　◎ h1 - 大标题
　　◎ h2 - 副标题
　　◎ h3 - 3级标题
　　◎ h4 - 4级标题
　　◎ h5 - 5级标题
　　◎ h6 - 6级标题

　　◎ hr - 水平分隔线

Mozilla 不支持 hr 的样式 "height: 1px", 本站是通过下面的定义取得兼容性的:

hr {
  height: 1px;
  border: 0;
  color: silver;
  background-color: silver;
}

　　◎ isindex - input prompt

　　◎ menu - 菜单列表

　　◎ noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
　　◎ noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

　　◎ ol - 排序表单
　　◎ p - 段落

　　◎ pre - 格式化文本

pre 元素可定义预格式化的文本,可以导致段落断开的标签（例如标题、<p> 和 <address> 标签）绝不能包含在 <pre> 所定义的块里.
默认情况下<PRE>的显示是不换行的, 不过几种浏览器都有自己的样式用于换行(CSS3中对这个有了明确的定义, 参见 http://www.w3.org/TR/css3-text/#white-space ), 跨浏览器的<PRE>换行样式可以这样定义:

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

这个方法来自 Tero Karvinen ( http://www.iki.fi/karvinen ) 的文章"Making preformated <pre> text wrap in CSS3, Mozilla, Opera and IE"( http://users.tkk.fi/~tkarvine/linux/doc/pre-wrap/pre-wrap-css3-mozilla-opera-ie.html )

　　◎ table - 表格
　　◎ ul - 非排序列表


内联元素(inline element)
　　◎ a - 锚点◎ abbr - 缩写
　　◎ acronym - 首字
　　◎ b - 粗体(不推荐)
　　◎ bdo - bidi override
　　◎ 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 - 定义变量

可变元素
　　可变元素为根据上下文语境决定该元素为块元素或者内联元素。
　　◎ applet - java applet
　　◎ button - 按钮
　　◎ del - 删除文本
　　◎ iframe - inline frame
　　◎ ins - 插入的文本
　　◎ map - 图片区块(map)
　　◎ object - object对象
　　◎ script - 客户端脚本

资料整理中。。。

转载于:https://www.cnblogs.com/yrbj/archive/2011/07/21/2112938.html