元素分类
主要分为块元素,行内元素,行内块元素
特点
1、块元素(block element) 用来布局
特点:
1、会独占一行
2、默认情况下,块元素的宽度是视口的100%
3、默认情况下,块元素的高度是被内容撑开的
常用块元素:div、p、h1-h6、header、main、footer、na
2、行内元素(inline element) 用来包裹文字
特点:
1、不会独占一行
2、宽高是被内容撑开的,内容有多宽它就多宽
常用行内元素:span、strong、em、del等
3 、行内块元素
特点:
兼具块元素和行内元素特点
常用行内块元素:img
注意:
1、块元素主要是用来布局,里面可以放任何元素,块元素、行内元素、行内块元素。
2、行内元素主要用来包裹文字的,一般情况下不能放块元素。
3、p标签是个特殊的块元素,它里面不能放块元素。
4、a是个特殊的行内元素,它里面什么都能放。