行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?
行内元素有哪些?常用的行内元素:a - 锚点em - 强调br - 换行img - 图片font - 字体设定(不推荐)span - 常用内联容器,定义文本内区块input - 输入框label - 表格标签select - 项目选择strong - 粗体强调不常用的行内元素:i - 斜体b - 粗体(不推荐)q - 短引用;u - 下划线;s - 中划线(不推荐);tt - 电传文本;sup -
·
行内元素有哪些?
常用的行内元素:
- a - 锚点
- em - 强调
- br - 换行
- img - 图片
- font - 字体设定(不推荐)
- span - 常用内联容器,定义文本内区块
- input - 输入框
- label - 表格标签
- select - 项目选择
- strong - 粗体强调
- textarea - 多行文本输入框
不常用的行内元素:
- i - 斜体
- b - 粗体(不推荐)
- q - 短引用
- u - 下划线
- s - 中划线(不推荐)
- tt - 电传文本
- sup - 上标
- sub - 下标
- big - 大字体
- dfn - 定义字段
- bdo - bidi override
- kbd - 定义键盘文本
- cite - 引用
- abbr - 缩写
- code - 计算机代码(在引用源码的时候需要)
- small - 小字体文本
- samp - 定义范例计算机代码
- strike - 中划线
- acronym - 首字
块级元素有哪些?
常用的块级元素:
- p - 标签定义段落
- h1 - 定义最大的标题
- h2 - 定义副标题
- h3 - 定义标题
- h4 - 定义标题
- h5 - 定义标题
- h6 - 定义最小的标题
- ul - 定义无序列表
- ol - 定义有序列表
- li - 标签定义列表项目
- dl - 定义列表
- dt - 定义列表中的项目
- dd - 定义列表中定义条目
- hr - 创建一条水平线
- div - 定义文档中的分区或节
- form - 创建 HTML 表单
不常用的块级元素:
- th - 定义表头单元格
- td - 表格中的标准单元格
- tr - 定义表格中的行
- table - 标签定义 HTML 表格
- thead - 标签定义表格的表头
- tbody - 标签表格主体(正文)
- tfoot - 定义表格的页脚(脚注或表注)
- caption - 定义表格标题
- pre - 定义预格式化的文本
- legend - 元素为
- fieldset - 定义一个框架集
- fieldset - 元素定义标题
- address - 定义地址
- noscript - 定义在脚本未被执行时的替代内容
- noframes - 为那些不支持框架的浏览器显示文本,于 frameset 元素内部
空(void)元素有哪些?
常见的空元素:
<br>、<hr>、<img>、<input>、<link>、<meta>
鲜为人知的是:
<area>、<base>、<col>、<colgroup>、<command>、<embed>、<keygen>、<param>、<source>、
<track>、<wbr>
行内元素和块级元素有什么区别?
- 块级元素默认占一行高度,默认情况下宽度自动填满其父元素宽度;
行内元素不会独占一行,相邻的行内元素会排在同一行,其宽度随内容的变化而变化。 - 块级元素可以设置宽高;
行内元素不可以设置宽高。 - 块级元素可以设置
margin
、padding
;
行内元素水平方向的margin-left
、margin-right
、padding-left
、padding-right
属性设置可以生效;
行内元素竖直方向的margin-bottom
、margin-top
、padding-top
、padding-bottom
属性设置是无效的;
行内元素的padding-top
、padding-bottom
从显示的效果上是增加的,但其实设置是无效的,并不会对它周围的元素产生影响。
注:有关该点,详情可参考 qq_37621289 的博文 给行内元素设置padding和margin是否有效 - 块级元素转行内元素:
display:inline
;
行内元素转块级元素:display:block
;
行内元素或块级元素转行内块元素:display:inline-block
。
更多推荐
已为社区贡献1条内容
所有评论(0)