|
B、 盒狀（box）模型結(jié)構(gòu)
盒裝模型是建立在頁(yè)面布局的基礎(chǔ)上，承載內(nèi)容和數(shù)據(jù)的最直接頁(yè)面基礎(chǔ)結(jié)構(gòu)，主要分為容器、標(biāo)題、內(nèi)容、底部三個(gè)部分。
一個(gè)典型的盒裝模型效果分為側(cè)欄效果和主欄效果兩種風(fēng)格，統(tǒng)一的HTML結(jié)構(gòu)，通過(guò)CSS來(lái)控制樣式上顯示的不同，這一部分在樣式層主要討論。
在首頁(yè)以及少量特殊頁(yè)面上，會(huì)有額外的風(fēng)格，但是依然以盒狀模型為基礎(chǔ)。
點(diǎn)擊放大
解析如下：
HTML片段如下：
C、包裝（pack）模型
對(duì)于站內(nèi)存在的視頻、豆單、播客、小組、話題討論等等，都有既定的統(tǒng)一表現(xiàn)風(fēng)格，因此在盒裝模型以外，單獨(dú)設(shè)立了面向這些常用內(nèi)容的模型結(jié)構(gòu)，因?yàn)槭谴虬幚恚苑Q(chēng)之為包裝模型。
包裝模型基本風(fēng)格一致，但是在各處的顯示略有不同，同時(shí)還會(huì)涉及在個(gè)人主頁(yè)上自定義樣式等，是需要符合全站出處可用的封裝模型。
常見(jiàn)的有：
點(diǎn)擊放大
包裝模型最重要的變化來(lái)自于樣式層的處理，其結(jié)構(gòu)本身很簡(jiǎn)單，就不做解析了，以下是一個(gè)視頻包的HTML片段范例：
點(diǎn)擊放大
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) 土豆網(wǎng)前端概況 [3] 下一頁(yè) 土豆網(wǎng)前端概況 [5]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 
第 4 頁(yè) 土豆網(wǎng)前端概況 [4]
