HTML行内元素与块级元素有哪些及区别详解


转自 https://www.jb51.net/web/724286.html   这篇文章主要介绍了HTML行内元素与块级元素有哪些及区别详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

想起之前工作面试时,面试官问的一个问题:行内元素有哪些,和块级元素有什么区别?这是一道蛮基础的面试题,但是很多初学者平时只注重标签语义,忽视了标签行内和块级的特性, 因此对于上述问题很有可能答不上来或者答不全。

HTML常见的行内元素有:

、、 、 、

 

  3.根据标签语义化的理念,行内元素最好只包含行内元素,不包含块级元素。

转换 

当然块级元素与行内元素之间的特性是可以相互转换的。HTML可以将元素分为行内元素、块状元素和行内块状元素三种。

使用display属性能够将三者任意转换:

       (1)display:inline;转换为行内元素;

  (2)display:block;转换为块状元素;

  (3)display:inline-block;转换为行内块状元素。

行内块状元素综合了行内元素和块状元素的特性:

(1)不自动换行,与其他行内元素都会在一条水平线上排列;

(2)高度、宽度、margin及padding都是可控的,设置有效,有边距效果;

(3)默认排列方式为从左到右。

到此这篇关于HTML行内元素与块级元素有哪些及区别详解的文章就介绍到这了,更多相关HTML行内元素与块级元素内容请搜索脚本之家以前的文章或继续浏览下面的相关文章,希望大家以后多多支持脚本之家!

					

相关文章

最新评论