一.块级元素(block)
主要标签有:P ,div, span, h1-h6, ul,ol,li等,其中div最经典的块元素。
块元素的特点是:1.独占一行
2.高度,宽度,外边距,内边距都可以控制
3.宽度默认是容器(父级宽度)的100%。
4.是一个容器及盒子,里面可以放行内或者块级元素。
注意:文字元素内不允许使用块级元素 p h标签里面不能放块级元素
.行内元素(inline)
主要标签有:a,strong,b,em,I,del,s,ins,u.span等。Span最典型的行内元素,也叫做内联元素。
行内元素的特点是;1.紧挨在一起 一行可以显示多个
2.高宽直接设置无效
3.默认宽度就是他本身的宽度
4.行内元素只能容纳文本或其他行内元素
注意:1.a标签里面不能在放链接. 2.a标签里面可以包含块级元素
三,行内块元素(inline-block)
特殊的几个标签: img,input,td 同时具有块元素和行内元素特点。
行内块元素的特点:1.挨在一起,支持宽高。
block,inline。inline-block之间可以相互转化,使用display标签即可。
例如;display:inline-block;表示转化为行内块元素