行内元素:
内容多少就占多大的空间
与其他行内元素并排
不能设置宽高,默认宽度就是文字的宽度
块元素:
不管内容多少,总是在浏览器中独占一行。
可设置宽高,如果不设置宽高那宽度是100%
行内块元素:共享一行,可设置宽高,多个行内元素排列在一起
块级元素和行内元素的分类:
在HTML的角度来讲,标签分为:
文本级标签:p span a b i u em
容器级标签:div h系列 li dt dd
p:里面只能存放图片和文字和表单元素,p里面不能放ul,也不能放p
行内元素:除了p之外,所有的文本级标签,都是行内元素,p除外,它是文本级标签,但是是个块级元素
块级元素:所有的容器级标签都是块级元素,以及p标签。
块级元素和行内元素相互转换:
通过display属性
display:inline; //转换成行内元素
display:block;//将行内元素转换成块级元素