行内元素有哪些?块级元素有哪些? 空(void)元素有那些?行内元素和块级元素有什么区别?

2022-09-08 18:01:54 浏览数 (1)

行内元素

行内元素:span,strong,em,br,img,input,label,select,textarea,cite

块级元素

块级元素:div,p,from,ul,li,ol,dl,address,fieldset,hr,menu,table

空(void)元素

void元素是指标签没有内容的元素

area, base, br, col, embed, hr, img, input, keygen, link, meta, param, source, track, wbr

行内元素与块级元素的区别

1.从显示效果看块级元素会独占一行,其宽度自动填满其父元素宽度,行内元素不会独占一行,相邻的行内元素会排列在一行,直至一行排不开,才会换行,其宽度随元素的内容而变化。

2)块级元素可以设置width,height属性,行内元素设置无效,块级元素设置了宽度、仍然是独占一行。

3)块级元素可以设置margin 和 padding,行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。(水平方向有效,竖直方向无效)

0 人点赞