網站建設中如何寫規范的CSS樣式

前幾天有寫過一篇文章，關于web標準的。里面有這樣有這樣的一句話，網頁是由三個部分組成的：結構（Structure）、表現（Presentation）和行為（Behavior）。結構化標準語言有：XHTML和XML；結構化的語言就是通常的CSS。所以CSS的標準規范也是非常重要的，在創新互聯招聘前端的職位的時候我們就會安排面試人員去做一個簡單的前端頁面，所考察的就是規范程度。所以網站的建設好壞很多的細節尤為的重要。今天我們就說說css的規范。

網站中關于css的命名也是有說法的，比如我們不能用大寫的形式來表示類名和ID名；盡量多的試用描述性的單詞和詞組作為類名的命名或者ID的命名；ID名及類名的多個英文單詞之間使用“_”短橫線分隔；按區域進行描述編號 例：main01_div01_ul01 (可以理解為主體區域 DIV下的個UL) 。

網站CSS的框架要已實現為標準，具備主流平臺適應性的前端實現；快速開發，在站點風格確定后，前端不應該成為整個項目里瓶頸；重構的需求，盡可能的讓類和區塊樣式可重用；分離結構和表現的需求，遵守了語義化結構的約定;構架完全符合金融網特色的CSS框架。對代碼進行必要的搜索引擎優化。

下來我們要對整個網站及設計稿進行分析，去做符合自己門戶結構特色的CSS框架。我們以新浪網為例子進行站點結構分析，整個頁面分為：頁，更多頁，內容頁，專題頁，數據中心，新聞中心，頻道頁，廣告……我們對這些頁面進行整理，去發現他們的公共部分：CSS的樣式,及區域，模塊的碎片。我們需要做的是把這些公有的部分提出來，我們可以把CSS分以下幾類：

主體樣式表：sjweb.css font(字體樣式，字號，顏色的集合) layout(框架結構 集合) global(全局默認樣式集合) component（組成頁面部分樣式表，模塊碎片集合）這些講統統的被import到sjweb.css主體樣式表里，主體樣式表做為一個loader加載新的外來樣式，比如廣告樣式表。 這樣這些頁面只需要寫一點點 屬于自己特殊要求的CSS樣式代碼就可以了。 在構建這個CSS框架的時候有很多細節的東西知名能統一化，比如：行間距，模塊之間間隔距離等。 規則： 1.所有area之間，模塊之間，間距上下左右為：8 Pixel ;2.新聞列表顏色#333 ;3.新聞列表行間距20 pixel；

網頁名稱：網站建設中如何寫規范的CSS樣式
轉載來源：http://m.kartarina.com/news7/216707.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯