元素的类型通常分为: 块级元素 内联元素 内联块元素
块级元素: 块级元素会占据一行的位置,它后面的元素内容会换行显示 块级元素里面可以放任何内容,主要用来布局。
常见的块级元素:div h1-h6 ul li ol li p table form
行内元素:内联元素也叫行级元素它只占据他内容所占的位置,其它的内容在他后面显示,但是行级元素里面不能放块级元素
常见的行内元素:a b span i del
元素类型的转换
通过样式转换行块级元素:
display:none; 隐藏对象
display:block; 变为块级元素/也有显示的意思
display:inline; 变为行内元素
display:inline-block; 以行内元素形式排列以块级元素样式显示