元素的类型是根据文档类型定义(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