先來看看三者之間的屬性以及作用
<div>:無意義的塊級標(biāo)簽,作用:在頁面布局中劃分頁面版塊區(qū)域
<span>:無意義的行級標(biāo)簽滥沫,作用:在頁面布局中存放內(nèi)容侣集,span不能設(shè)置width、height兰绣,其內(nèi)容width世分、height由文本內(nèi)容控制
<p>:段落標(biāo)簽,塊級標(biāo)簽缀辩,獨立占據(jù)一行臭埋,可以設(shè)置width、height
塊級標(biāo)簽與行級標(biāo)簽(內(nèi)聯(lián)標(biāo)簽)
塊級標(biāo)簽:塊元素臀玄,一般是單獨占一行瓢阴,不管內(nèi)容多少,總是占一行健无,塊級標(biāo)簽的大小可以通過width荣恐,height屬性的屬性值來設(shè)置,如果都不給,寬度是默認(rèn)為瀏覽器頁面的寬度叠穆,高度為內(nèi)容的高度少漆。
行級標(biāo)簽(內(nèi)聯(lián)標(biāo)簽):行內(nèi)元素,不會單獨占一行痹束,行內(nèi)元素的寬度是由內(nèi)容決定的检疫,多個行內(nèi)元素在一起,只會占一行