块元素 行内元素 行内快

Posted szzlily

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了块元素 行内元素 行内快相关的知识,希望对你有一定的参考价值。

块元素:

h1-h6,ul,ol,li,dl,dt,dd

默认宽度占满父元素的整个width,会换行,能设置width height,上下左右margin padding都有效。

行内元素:

span a b img(img特性比较特殊)

默认宽度自适应,不能设置width height,上下margin无效,左右margin有效,上下左右padding都有效,但上下padding会和上下的元素重合

行内快:

input select

宽度自适应 ,可以一行显示,可以和行内元素一行显示,其他特性同块元素

空元素

br hr img input link meta area

以上是关于块元素 行内元素 行内快的主要内容,如果未能解决你的问题,请参考以下文章

行内元素和块级元素总结

CSS标签显示模式 ② ( 行内元素 | 行内块元素 )

行内元素与块元素的区别,及常用块元素和常用行内元素

块元素 行内元素 行内块元素

HTML行内元素块级元素行内块级元素的特点与区别

行内元素 块级元素 行内块级元素