html+css前端編碼規(guī)范

1、HTMLCSS32012-05-08 HYPERLINK l _bookmark1 HYPERLINK l _bookmark1 HYPERLINK l _bookmark2 HYPERLINK l _bookmark3 HYPERLINK l _bookmark4 HYPERLINK l _bookmark5 HYPERLINK l _bookmark6 HYPERLINK l _bookmark7 HYPERLINK l _bookmark8 HYPERLINK l _bookmark9 HYPERLINK l _bookmark10 HYPERLINK l _bookmark11 HYP

2、ERLINK l _bookmark12 HYPERLINK l _bookmark13 HYPERLINK l _bookmark14 HYPERLINK l _bookmark15 HTML CSS 編碼規(guī)范任何一個項(xiàng)目或者系統(tǒng)開發(fā)之前都需要定制一個開發(fā)約定和規(guī)則，這樣有利于項(xiàng)目的整體風(fēng) 格統(tǒng)一、代碼維護(hù)和擴(kuò)展。由于 web 項(xiàng)目開發(fā)的分散性、獨(dú)立性、整合的交互性等，所以 定制一套完整的約定和規(guī)則顯得尤為重要。CSS 樣式文件的命名簡歷樣式表文件時看，分類編寫樣式到下列樣式表文件中，并統(tǒng)一放在【CSS】文件夾里：文字樣式題要表格普通樣式(全局，文字)鏈接框架布局 CSS 選擇符的命名所有選

3、擇符必須有小寫英文字母或“_ ”下劃線組成，必須以字母開頭，不能為純數(shù)字。為 找樣式的時間。樣式名必須是表示樣式的大概含義(禁止出現(xiàn)如Div1、Div2、Style1. )， 參考下面的“樣式命名參考”。對 CSS 選擇器的使用只允許派生選擇器、類選擇器和屬性選擇器，以及它們的組合使用， 嚴(yán)禁使用 ID 選擇器(ID 是用于javascript 的編寫)。td.fancy inputtype=text當(dāng)定義的樣式名比較復(fù)雜時用下劃線把層次分開，dcrm_logo_ico頭 部容 器底 部滾動頁面主體主導(dǎo)航頂導(dǎo)航標(biāo)簽頁子導(dǎo)航權(quán)菜單子菜單列 表list子菜單內(nèi)容側(cè) 邊 欄志搜索廣告頁面中部表格巧列

4、 定 義 入題title注冊南鈕狀態(tài)服務(wù)投票注釋友情鏈接friendlink提示信息注意：命名方式使用“類別_功能”的方式( .bar_news .bar_product)。Id 和 class 的區(qū)別 Id名字，如果一個屋子有2 個人同 會出現(xiàn)混淆。 vvCSS 的優(yōu)先級 不需要重復(fù)定義可繼承的值CSS 中，子元素自動繼承父元素的屬性值，像顏色、字體等，已經(jīng)在父元素中定義過的，在 但是要注意，瀏覽器肯用一些默認(rèn)值覆蓋你的定義。多重 CSS 樣式定義，屬性追加重復(fù)最后優(yōu)先原則 先定義兩個樣式.onewidth:200px;background:url( HYPERLINK /1.jpg /1.

5、jpg) no-repeat left top;.twoborder:10px solid #000; background:url(/2.jpg) no-repeat left top;在頁面代碼中，可以這樣調(diào)用：width:200px;idbackground:url( HYPERLINK /2.jpg /2.jpg) no-repeat left top;原 據(jù)頁面上應(yīng)用的名字順序，而是樣式表里的樣式順序。導(dǎo)入(Import)和隱藏 CSS HTMLCSS3 CSS 鏈接規(guī)范s / 代碼較長的首頁和重要欄目首頁可直接內(nèi)嵌CSS，避免調(diào)用事件太長，使頁面未及時調(diào) 按照順序?qū)? 便于自己和他

6、人閱讀。CSS hack 法都是最安全的JS 調(diào)用規(guī)范所有的javascript 腳本盡量采用外部調(diào)用HTML+CSS 頁面布局 的名必須是有意義的名字。如下面的代碼：HTNL 代碼書寫規(guī)范的 HTML 代碼書寫必須符合 XHTML 規(guī)范，XHTML 可以被所有的支持 XML 的設(shè)備讀 取，同時在其余的瀏覽器升級至支持XML 之前， XTHML 是我們有能力編寫出擁有良好結(jié)構(gòu)的文檔，這些文檔可以很好地工作于所有的瀏覽器，并且可以向后兼容。 XHTML 與 HTML 的不同： t ，而的直接子元素只能為和才可以放其它標(biāo)簽。此外相類似的標(biāo)簽有： 字體規(guī)范 黑體字或者宋體字加粗時，一般選用 11pt 和 14.7px 的字號比較合適。pt頁面采用彈出方式，標(biāo)題及正文字體規(guī)定為 義 。圖片的分類及命名規(guī)則，例如