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

xiaoxiao2021-02-27  351

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

转载请注明原文地址: https://www.6miu.com/read-3482.html

最新回复(0)