理解HTML中的块级元素和内联元素

元素的类型是根据文档类型定义（DTD）来指明的，元素类型的区分是为了对页面布局可以更准确的调整。

1.块级元素（block）

特性：

• 总是在新行上开始；
• 高度、行高以及margin和padding是可控制的；
• 它可以容纳内联元素和其他块元素。

常见的块级元素：div、form、h1-6、p、ul、table

2.内联元素（inline）

特性：

• 只会在同一行显示；
• 高度、行高以及margin和padding是不可改变的；
• 内联元素可以容纳问呗或者其他内联元素。

常见的内联元素：a、em、span、select、img、input

3..css中的应用

display属性用于定义建立布局时元素生成的显示框类型。

display: block，将元素显示为块级元素

display: inline，将元素显示为内联元素

display:inline-block,将元素转为内联元素，但是元素的内容仍然拥有块元素的特性。多个内联元素会自动排成一行，比如img标签或span标签插到一行文字中，他会和这行文字自动排成一行，而如果你在这行文字中插入一个块元素标签，比如div标签，那么这个div标签会自己独占一行。

4.可变元素

可变元素为根据上下文语境决定该元素为块元素或内联元素。

applet button iframe ins object script