2019-04-24关于html块级元素和行级元素

两者的概念

块级元素的概念是:一个元素占据一行,在块级元素中可以容纳其他块级元素和行级元素,当多个元素写在一起时,它的排列方式是从上到下排列

行级元素的概念是:多个元素占据一行,当该行放不下时从新的一行开始排列,一般是从左向右排。

常见的行内元素和块级元素

块级元素:div、p、nav、aside、header、footer、section、article、ul、li、address,form、h1~h6、hr、menu、ol、table等

行级元素一般都是语义元素:a、abbr、i、em、img、input、label、small、strong、sub、sup、textarea等

两者区别

块级元素,具有height、width、padding、margin等属性均对其有效

行级元素,不能够设置height和width,可以自动识别左右padding-left、padding-right,和margin-left、margin-right但是行级元素对于padding-top、padding-bottom、margin-top、margin-bottom是无效的。但是有时当你可能会发现对于行级元素设置了这些无效的属性后,也会出现行内元素的内容增大了,这个其实是一种表象,对于其他周围元素毫无影响

你可能感兴趣的:(2019-04-24关于html块级元素和行级元素)