一、块元素:永远独占一行,即使他的长度很短。
块元素作用是用来在页面中进行布局,一般情况下块元素可以包含内联元素或块元素,而内联元素不能包含块元素。
但是a元素特殊,可以包含任何元素,但是不能包含它本身。但是p元素不能包含任何块元素。
1、div元素:对内容没有任何效果,没有任何语义,主要用于对页面进行布局。
2、h1~h6、p、div等
二、内联元素(行内元素):只占用它本身的长度大小。
内联元素主要是用来在页面中引入内容,内联元素不能包含块元素。
常见的内联元素:
1、span元素:不会对内容产生影响,也没有任何语义。span主要用于选中页面中的文字,并为其设置样式。
2、a 、img、span等
留下的疑问:有人说td是快标签,也有人说是行内标签。
自己的理解:
1)按定义来说:块元素是永远独占一行,而td表示单元格,不可能是独占一行。那么,td标签可能是行内元素。
2)按性质来说,td标签是可以嵌套块元素的,而内联元素不能嵌套块元素,并且内联元素上下的外边距无效,td标签设置确实有效的。所以他也有可能是块元素。