xhtml-css寫作建議
1、所有的xhtml**小寫;
2、屬性的值一定要用雙引號("")括起來,且一定要有值;
3、每個標籤都要有開始和結束,且要有正確的層次;
4、空元素要有結束的tag或於開始的tag後加上"/";
5、表現與結構完全分離,**中不涉及任何的表現元素,如style、font、bgcolor、border等;
6、到的定義,應遵循從大到小的原則,體現文件的結構,並有利於搜尋引擎的查詢;
7、給每乙個**和表單加上乙個唯一的、結構標記id;
8、給重要的區塊加上注釋;
9、給加上alt屬性;
10、所有的標籤必須進行合理的巢狀;
11、根元素前必須有元素,宣告使用那一種dtd;
12、根元素必須有 xmlns 屬性來指定使用 的namespace。
注釋書寫規範
1、行間注釋 直接寫於屬性值後面
如: .search
2、整段注釋 分別在開始及結束地方加入注釋,
如: /******搜尋條******/
.search /******搜尋條結束******/
3.協助注釋 非作者維護時所加入的表示修改時間、修改人等標識資訊。 在區域注釋或單行注釋的基礎上加上修改人和修改時間等資訊。
例(區域注釋): ...
/*=s 注釋內容[修改人和修改時間]*/ .class .class /*=e 注釋內容[修改人和修改時間]*/
例(單行注釋): ...
.class
私有樣式命名規範:
為了避免出現樣式私有樣式的名稱和公有樣式重複的想象,私有樣式採用:」字首_位置縮寫」 的規則。
如:該模組是屬於產品就可以用product 為字首。
上中下就可以依次是:product_h,product_m,product_b.
中間又分為左右結構,那就是product_m_l,product_m_r
區域塊:box/area
區域塊樣式類別+box/area,
比如新聞區域塊:newsbox/newsarea,
產品區域塊:probox/proarea
標題欄:bar (newsbar/probar)
列表:list (newslist/prolist)
css屬性書寫順序
建議遵循 布局定位屬性–>自身屬性–>文字屬性–>其他屬性.
此條可根據自身習慣書寫, 但盡量保證同類屬性寫在一起.
屬性列舉:
布局定位屬性主要包括: margin&padding&float(包括clear)&position(相應的top,right,bottom,left)&display&visibility&overflow等;
自身屬性主要包括: width & height & background & border;
文字屬性主要包括:font&color&text-align&text-decoration&text-indent等;
其他屬性包括: list-style(列表樣式)&vertical-vlign&cursor&z-index(層疊順序) &zoom等.
css命名規範
良好的命名規範可以為團隊合作開發推波助瀾,無論在專案開發,還是產品維護上都起到了至關重要的作用。應該說命名規範是一種約定,也是程式設計師之間良好溝通的橋梁。命名規則 2.樣式檔案命名 主要的 master.css 布局版面 layout.css 專欄 columns.css 文字 font.css ...
CSS命名規範
網上整理的比較好的css命名規則,為css 的規範化做參考,增加 的可讀性。id的命名 1 頁面結構 2 導航 1.不使用大寫形式的類名和id名 2.盡可能使用描述性的英文單詞的組合作為類名和id名 3.id名及類名的多個英文單詞之間使用 短橫線分隔 4.按區域進行描述編號 例 main01 div...
css命名規範
最近看到了些關於css命名方面的文章,對於這方面我也有自己的看法。我接觸css有很長一段時間了,對於css的命名我也是在逐步改進。感覺工作中比較常碰見的問題 1.需要給層定義各種尺寸的寬度,高度基本是不用定義的 2.層的padding和層之間的margin 3.給文字高亮顏色 4.各種樣式的tab和...