今天打算利用這篇文章為DIV+CSS查缺補(bǔ)漏,希望您能夠通過(guò)欣賞這篇文章之后有所收獲。今天的文章將以問(wèn)答的形式展現(xiàn),對(duì)于有相關(guān)疑惑的小伙伴們來(lái)說(shuō),這篇文章的解惑更為直觀。
問(wèn)題1:table和div+css都可以布局,因?yàn)榉N種原因,我們現(xiàn)在都在使用div+css,table是不是就棄用了呢?
答:對(duì)于table來(lái)說(shuō),目前很多網(wǎng)站并不是用在于布局上,因?yàn)槠浔旧聿季质怯芯窒扌缘?,而且搜索引擎也不是很喜歡,所以我們布局方面不去使用table,但是對(duì)于顯示數(shù)據(jù)方面來(lái)說(shuō),table標(biāo)記是一個(gè)非常不錯(cuò)的選擇,尤其是我們?cè)陲@示有格局的數(shù)據(jù)的時(shí)候,table的作用更明顯。
問(wèn)題2:div+css布局是不是就是指我們只在HTML中使用div就可以了,不用使用其他元素?
答:這個(gè)是理解上的誤區(qū),我們說(shuō)div+css,只是一種說(shuō)法,實(shí)際的布局的時(shí)候,div只是大塊的布局方式,中間還會(huì)用到ul、li、span、p等等標(biāo)記。
問(wèn)題3:我在使用div+css布局的時(shí)候總會(huì)出現(xiàn)各種問(wèn)題,明明代碼和含義都沒錯(cuò),可是布局的結(jié)果卻大不相同,這是為什么?
答:對(duì)于優(yōu)化人員來(lái)說(shuō),我們只需要了解含義即可,對(duì)于專業(yè)美工來(lái)說(shuō),這一塊需要進(jìn)行深入的學(xué)習(xí),因?yàn)樯婕暗郊嫒莸膯?wèn)題。
問(wèn)題4:div+css是塊型的結(jié)構(gòu),每一塊都單獨(dú)占用一行,我如何讓幾個(gè)塊在一行現(xiàn)實(shí)呢?
答:這個(gè)其實(shí)涉及到兩方面的知識(shí),一個(gè)是關(guān)于浮動(dòng)的,大家可以去查詢一下相關(guān)學(xué)習(xí)資料,關(guān)于布局浮動(dòng)方面的,另外一種方式是改變css樣式,將塊型元素修改成行內(nèi)元素即可,這樣他們即可共存于同一行。(注明:關(guān)于浮動(dòng)的消除浮動(dòng)一定要謹(jǐn)慎使用)
問(wèn)題5:有很多JS能夠?qū)崿F(xiàn)的樣式CSS也可以,那我是使用CSS還是使用JS呢?
答:如果你是美工人員,那么你使用哪種都可以,因?yàn)槟阋氖菍?shí)現(xiàn)美觀的目的。如果你是優(yōu)化人員,那么肯定要選擇CSS,因?yàn)樗阉饕鎸?duì)于JS有抵觸額。