進步就是在時間的沉淀中不斷總結。
畢業幾個月了，工作也有大半年了。從剛進公司到現在這幾個月里，一直在做網頁設計、頁面代碼這方面的工作。從初入職場對工作的不熟悉，網頁代碼混亂、不規范到現在的一點點進步（當然還是需要再好好努力，有待改進的），一路走來，碰到了很多坑。在這里希望總結一點點有用的東西給大家，希望對大家有所幫助。
對網頁設計人員來說，把別人設計的網頁圖用html+css代碼實現出來是要經常做的事情。而html+css書寫是否規范關系到后續的修改以及后臺開發人員的便利、工作能否順利進行。所以規范的代碼書寫很重要。以下是我總結的一些html+css書寫規范：
1.常用的CSS命名規則
? ?頭：header
? ?內容：content/container
? ?尾：footer
? ?導航：nav
? ?側欄：sidebar
? ?欄目：column
? ?頁面外圍控制整體佈局寬度：wrapper
? ?左右中：left right center
? ?登錄條：loginbar
? ?標志：logo
? ?廣告：banner
? ?頁面主體：main
? ?熱點：hot
? ?新聞：news
? ?下載：download
? ?子導航：subnav
? ?菜單：menu
? ?子菜單：submenu
? ?搜索：search
? ?友情鏈接：friendlink
? ?頁腳：footer
? ?版權：copyright
? ?滾動：scroll
? ?內容：content
? ?標簽：tags
? ?文章列表：list
? ?提示信息：msg
? ?小技巧：tips
? ?欄目標題：title
? ?加入：joinus
? ?指南：guide
? ?服務：service
? ?注冊：regsiter
? ?狀態：status
? ?投票：vote
? ?合作伙伴：partner
2.注釋的寫法
? ?/* Header */
? ?內容區
? /* End Header */
3.id的命名
? 1)頁面結構
? ?容器: container
? ?頁頭：header
? ?內容：content/container
? ?頁面主體：main
? ?頁尾：footer
? ?導航：nav
? ?側欄：sidebar
? ?欄目：column
? ?頁面外圍控制整體佈局寬度：wrapper
? ?左右中：left right center
? ?(2)導航
? ?導航：nav
? ?主導航：mainnav
? ?子導航：subnav
? ?頂導航：topnav
? ?邊導航：sidebar
? ?左導航：leftsidebar
? ?右導航：rightsidebar
? ?菜單：menu
? ?子菜單：submenu
? ?標題: title
? ?摘要: summary
? ?(3)功能
? ?標志：logo
? ?廣告：banner
? ?登陸：login
? ?登錄條：loginbar
? ?注冊：register
? ?搜索：search
? ?功能區：shop
? ?標題：title
? ?加入：joinus
? ?狀態：status
? ?按鈕：btn
? ?滾動：scroll
? ?標籤頁：tab
? ?文章列表：list
? ?提示信息：msg
? ?當前的: current
? ?小技巧：tips
? ?圖標: icon
? ?注釋：note
? ?指南：guild
? ?服務：service
? ?熱點：hot
? ?新聞：news
? ?下載：download
? ?投票：vote
? ?合作伙伴：partner
? ?友情鏈接：link
? ?版權：copyright
4.注意事項
? ? 1.一律小寫;
? ?2.盡量用英文;
? ?3.不加中槓和下劃線;
? ?4.盡量不縮寫，除非一看就明白的單詞。
5.CSS樣式表文件命名
? ?主要的master.css
? ?模塊module.css
? ?基本共用base.css
? ?布局、版面layout.css
? ?主題themes.css
? ?專欄columns.css
? ?文字font.css
? ?表單forms.css
? ?補丁mend.css
? ?打印print.css
總結讓人更加快速的成長。
