xhtml三种元素类型

xhtml三种元素类型:块级元素/内联元素/可变元素

块级元素:独占一行、可自定义自己的宽度和高度、作为其他元素的容器,可容纳其他内联元素和块级元素,喻做一个盒子。
内联元素:始终以行内逐个显示、不能设置宽高,宽高由内容支撑、可定义padding/margin/border/background。
可变元素:根据上下文确定是块级元素还是内联元素。
注:不同的元素类型之间可以通过display属性来实现转换。

举例:
块级元素:div/h1/p/form/hr/ifrom/......
内联元素:span/i/em/b/strong/......
可变元素:applet/button/del/iframe/ins/map/object/script/......


元素转换:
display:none/block/inline/inline-block/table-cell/list-item/......
(注:display的值有18种)

列表的默认属性为:list-item; 如:li/ul/
表格的默认属性为:table-cell; 如:table/td/tr/th/
img和input的默认值为:inline-block;(行内块)

 

posted @ 2017-03-04 12:28  红妆满面  阅读(1178)  评论(0编辑  收藏  举报