在我們進行前端開發時，我們不僅要考慮到能否實現我們想要的布局、樣式、效果等問題，與此同時我們也要思考下怎樣能夠較好的、簡單的、方便的、規范化的實現，最好我們能夠對所有頁面部分都有大體了解，哪些部分的樣式是相同的可以模塊化，布局完之后可以隨意其那出來用。同時我們還需想到我們這樣布局后，是否符合邏輯、在石油CMS進行開發時是否能夠較快的實現出來。

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

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

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

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

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

其樣式也應該相同，這樣有利于我們進行后臺遍歷數據。

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

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

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