HTML元素分类
面试的时候被问了一个问题,块级元素和内联元素的区别。我想这不是很简单吗,就说块级元素是占据一整行而内联元素是一个一个紧挨着(用通俗的语言说的,感觉不太专业),然后面试官又问我内联元素可以使用padding和margin吗,我就懵了。顿时觉得自己学的东西很不扎实,深入一点的都不是很了解。
概念
就表现形式来看
内联元素/行内元素(inline)前后不产生换行,相邻的内联元素在同一行,其宽度随元素的内容而变化。
块级元素(block)前后都产生换行,所以块级元素总是独占一行。
其实还有一种内联块元素(inline-block),将对象呈现为inline对象,但是对象的内容作为block对象呈现。
常见的块级元素有:
address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
常见的内联元素有:
a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup
- 关于为什么br是内联元素。