CSS開發規範,css開發
摘要:
無論多少人開發一個項目,規範是最初始也是最基本的,一個好的規範不僅讓代碼看起來完美也能夠解決衝突。下面是我在開發時使用的css規範
基本規範:基本原則:模組化編寫實踐:命名注意事項:總結:
在開發中養成一個好的習慣是非常重要的,每個開發人員都應該有自己的規範,希望通過此文對你以後的編碼有所改變。如果你有更好的建議,可以補充。
誰有移動端網頁開發規範?
下面是我從網上收集整理的wap2.0手機網站開發需要注意的7個問題:
手機網頁編碼需要遵循什麼規範?
遵循XHTML Mobile Profile規範(WAP-277-XHTMLMP-20011029-a.pdf),簡稱為XHTML MP,也就是通常說的WAP2.0規範。 XHTMLMP是為不支援XHTML的全部特性且資源有限的用戶端所設計的。它以XHTML Basic為基礎,加入了一些來自XHTML 1.0的元素和屬性。這些內容包括一些其他元素和對內部樣式表的支援。和XHTML Basic相同,XHTML MP是嚴格的XHTML 1.0子集。
網頁文檔推薦使用副檔名?
推薦命名為xhtml,按WAP2.0的規範標準寫成html/htm等也是可以的。但少數手機對html支援的不好。
為什麼現今大多數的網站一行字數上限為14個中文字元?
由於手持功能的特殊性,其頁面中實際文字大小未必是我們在CSS中設定的文字大小,尤其是在第三方瀏覽器中。例如Nokia5310,其內建瀏覽器 頁面內文字大小與CSS設定相符,但是第三方瀏覽器OperaMini與UCWEB頁面內文字大小卻大於CSS設定。經測試,其文本大概在16px左右。 假如螢幕解析度寬度為240px,去除外邊距,那麼其一行顯示14個字以內,是比較保險(避免文本換行)的做法。
使用WCSS還是CSS?
WCSS (WAP Cascading Style Sheet 或稱 WAP CSS)是移動版本的CSS樣式表。它是CSS2的一個子集,去掉了一些不適於移動互連網特性的屬性,並加入一些具有WAP特性的擴充(如-wap-input-format/-wap-input-required/display:-wap-marquee等)。 需要留意的是,這些特殊的屬性擴充並不是很實用,所以在實際的項目開發當中,不推薦使用WCSS特有的屬性。
避免空值屬性
如果屬性值為空白,在web頁面中是完全沒有問題的,但是在大部分手機網頁上會報錯。
網頁大小限制
建議低版本頁面不超過15k,高版本頁面不超過60k。
用手機模擬器和第三方手機瀏覽器的線上模擬器來測試頁面是不是靠譜?
有條件的話,我們當然建議在手機實體上進行測試,因為勘探群的手機裝置總是在不斷變化的,這些手機模擬器通常不能完全正確的類比頁面在手機上的顯示情況,比片色彩,頁面大小限制等就很難再模擬器上測試出來。當然,一些第三方手機瀏覽器的線上模擬器還是可以進行測試的,第三方瀏覽器相對來說受手機裝置的影響較小。
WEB開發中最簡潔CSS規範?
代碼簡潔,多看看大網站的css檔案