在我們進行前端開發(fā)時，我們不僅要考慮到能否實現(xiàn)我們想要的布局、樣式、效果等問題，與此同時我們也要思考下怎樣能夠較好的、簡單的、方便的、規(guī)范化的實現(xiàn)，最好我們能夠?qū)λ许撁娌糠侄加写篌w了解，哪些部分的樣式是相同的可以模塊化，布局完之后可以隨意其那出來用。同時我們還需想到我們這樣布局后，是否符合邏輯、在石油CMS進行開發(fā)時是否能夠較快的實現(xiàn)出來。

以下是一些需要注意的點：

1.我們可以將公共部分先布局出來，比如head、foot等，存儲成common.html模板頁面。

2.公共樣式的模塊化，在所有頁面中，如果部分樣式在多個地方重復(fù)出現(xiàn)，我們布局時需要考慮，

怎樣能夠讓這一部分和其他部分離開，能夠單獨應(yīng)用，成為一個獨立模塊。如：按鈕、分頁、列表、小導(dǎo)航等。

3.在布局列表樣式時，如新聞列表、產(chǎn)品列表等，一行幾個相同的時我們會用ul li來布局，按照邏輯一般是橫向排列的

其樣式也應(yīng)該相同，這樣有利于我們進行后臺遍歷數(shù)據(jù)。

4.我們在布局文字時，如標(biāo)題、描述等文字，可以使用h、p標(biāo)簽這種塊級元素標(biāo)簽來編寫，方便后期加超鏈接，可以直接在其外圍嵌套a標(biāo)簽，

并且不會改變其顏色樣式。在其內(nèi)部如有特殊樣式的字符修飾，可以再使用span這種標(biāo)簽來修改樣式。

5.頁碼的布局有時會遇到小問題，我們在布局時用ul li來編寫頁面，并且給上一頁下一頁、數(shù)字分頁、active狀態(tài)分別添加一個class樣式，這樣在cms遍歷時就不會出現(xiàn)樣式錯誤了。