div和span、relative和absolute、display和visibility是很容易混淆和弄錯(cuò)的html標(biāo)簽與css屬性，現(xiàn)在簡(jiǎn)單的羅列出它們的區(qū)別與使用要點(diǎn)，供大家參考。
 
一、div和span的區(qū)別
 　　div是一個(gè)塊級(jí)元素，可以包含段落，表格等內(nèi)容，用于放置不同的內(nèi)容。一般我們?cè)诰W(wǎng)頁(yè)通過(guò)div來(lái)布局定位網(wǎng)頁(yè)中的每個(gè)區(qū)塊。
 　　span是一個(gè)內(nèi)聯(lián)元素，沒(méi)有實(shí)際意義，它的存在純粹是為了應(yīng)用樣式，給一段內(nèi)容加上<span></span>標(biāo)記可以通過(guò)在span上定義樣式來(lái)設(shè)定其內(nèi)容的樣式。
 
二、relative和absolute的區(qū)別
 　　relative，css中的寫(xiě)法是：position:relative;  他的意思是絕對(duì)相對(duì)定位，他是參照父級(jí)的原始點(diǎn)為原始點(diǎn)，無(wú)父級(jí)則以body的原始點(diǎn)為原始點(diǎn)，配合trbl進(jìn)行定位，當(dāng)父級(jí)內(nèi)有padding等css屬性時(shí)，當(dāng)前級(jí)的原始點(diǎn)則參照父級(jí)內(nèi)容區(qū)的原始點(diǎn)進(jìn)行定位。
 　　absolute，css中的寫(xiě)法是：position:absolute; 他的意思是絕對(duì)定位，他是參照瀏覽器的左上角，配合top、right、bottom、left(下面簡(jiǎn)稱(chēng)trbl)進(jìn)行定位，在沒(méi)有設(shè)定trbl，默認(rèn)依據(jù)父級(jí)的做標(biāo)原始點(diǎn)為原始點(diǎn)。如果設(shè)定trbl并且父級(jí)沒(méi)有設(shè)定position屬性，那么當(dāng)前的absolute則以瀏覽器左上角為原始點(diǎn)進(jìn)行定位，位置將由trbl決定。
 
三、display和visibility的區(qū)別
 　　display:none和visibility:hidden都可以隱藏一個(gè)元素
 　　但visibility:hidden只是隱藏了元素的內(nèi)容，但其使用的位置空間仍然被保留。
 　　而display:none則相當(dāng)把元素從頁(yè)面中去除，其占用位置也將被刪除。