【HTML】常见的块元素，行内元素，行内块元素有哪些？

1.块元素

特点：

(1) 总是从新行上开始，即独占一行
（2）可以对它设置宽高和内外边距，默认是它容器（父级元素）的100%
（4）可以容纳其他块级元素和行内元素（内联元素）

常见的块级元素有

* address - 地址* blockquote - 块引用* center - 居中对齐块* dir - 目录列表* div - 常用块级容易，也是 css layout 的主要标签* dl - 定义列表* fieldset - form控制组* form - 交互表单* h1 - h5 - 标题1-6* hr - 水平分隔线* isindex - input prompt* menu - 菜单列表* noframes - frames可选内容，（对于不支持 frame 的浏览器显示此区块内容* noscript - ）可选脚本内容（对于不支持 script 的浏览器显示此内容）* ol - 排序表单* p - 段落* pre - 格式化文本* table - 表格* ul - 非排序列表

2.行内元素

特点：

(1)无法自动换行，会和相邻的行内元素排成一行。
(2)设置宽、高无效，默认宽高是其自身内容的宽高。
(3)只能设置水平方向的内外边距。
(4)只能容纳其他行内元素和文本。
(5)行内元素的paddding可以设置,margin只能够设置水平方向的边距

常见的行内元素有

* 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 - 定义变量

3.行内块元素

特点：综合了块级元素和行内元素的特点

（1）和相邻行内块级元素在同一行。
（2）可以设置宽、高、行高、内外边距。
(3 ) 默认宽、高为其内容的宽、高。

常见的有

<br/> //换行<hr> //分隔线<input> //文本框等<img> //图片<td> //单元格

总结的有点多，背就完事了！

【HTML】常见的块元素，行内元素，行内块元素有哪些？相关推荐

行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素和块级元素有什么区别？
行内元素有哪些? 常用的行内元素: a - 锚点 em - 强调 br - 换行 img - 图片 font - 字体设定(不推荐) span - 常用内联容器,定义文本内区块 input - 输入框 ...
元素（块、行内、行内块
块元素的特点 1.支持所有样式 2.块级元素独占一行 3.块级元素默认宽度和父元素一样常用块元素块级元素一般 div p ol ul h1-h6 li dl dt dd 等都是初始化(样式重置 ...
html的div块float后宽度无效,行内元素（例如）设置float之后才能用width调整宽度...
本文将要为您介绍的是行内元素(例如)设置float之后才能用width调整宽度,具体完成步骤: 因为只有块元素才会有物理属性,在css世界里边,有三种形态的东西,1.块元素. 特性:有物理属性,wid ...
块元素div转变为行内块元素之后如何消除之间间隙
块元素div转变为行内块元素之后如何消除之间间隙写了三个div,使其变成行内块元素之后,发现,有间隙,哟,我的小天使啊. 最外层父级div宽度width大于三个小div宽度之和父级div: #aa ...
行内元素和块级元素：内联(行级)元素不能设置margin-top
内联(行级)元素不能设置宽高,但padding属性可以设置,需要注意的是行级元素不能设置margin-top和margin-bottom属性,但可以设置margin-left和margin-righ ...
行转换html,块级、行内、行内元素相互转换
块级.行内.行内元素相互转换 html> 块级.行内.行内块元素相互转换 *{margin: 0px;padding: 0px;} body{background: url(images/5.j ...
html行内元素转为块级元素,前端面试题-行内元素和块级元素
一.行内元素一个行内元素只占据它对应标签的边框所包含的空间. 二.块级元素块级元素占据其父元素(容器)的整个空间,因此创建了一个"块".通常浏览器会在块级元素前后另起一个新行. ...
CSS之块、行内、行内块元素
块元素独占一行如h1-h6.p.div.ul.ol.li等: 宽高内外边距可以调: 宽度默认是父级宽度100%: 都是容器盒子,里面可以放行内或块级元素. 注意点:文字类元素如p. ...
行内元素与块级元素的区别，行内元素与块级元素分别有哪些
文章目录 1.块级元素 2.行内元素 3.行内块元素(融合了前两者的特点) 4.三个元素的转换 5.常用的行内元素 6.常用的块级元素 6.常用的块级元素 1.块级元素 1.总是从新的一行开始,即各个 ...
html5块元素代码,html5 区块与内联div 与span html块级元素(示例代码)
HTML 和可以通过和将 HTML 元素组合起来. HTML 块元素大多数 HTML 元素被定义为块级元素或内联元素. 编者注:"块级元素"译为 block level e ...

【HTML】常见的块元素，行内元素，行内块元素有哪些？

1.块元素

2.行内元素

3.行内块元素

【HTML】常见的块元素，行内元素，行内块元素有哪些？相关推荐

最新文章

热门文章