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