門戶網站怎樣寫CSS

申請免費試用、咨詢電話：400-8352-114

admin

門戶網站的信息多模塊也多，因此對CSS的寫法應更加規(guī)范化，以便為網站打好基礎。這篇文章就由景德鎮(zhèn)網站建設公司分享門戶網站怎樣寫CSS。

一、關于構建CSS框架我們要實現(xiàn)的目的

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

二、關于CSS命名的一些約定

    1.不使用大寫形式的類名和id名;
    2.盡可能使用描述性的英文單詞的組合作為類名和id名;
    3.id名及類名的多個英文單詞之間使用“_”短橫線分隔;
    4.按區(qū)域進行描述編號例：main01_div01_ul01 (可以理解為主體第一區(qū)域第一DIV下的第一個UL)
    接下來我們要對整個網站及設計稿進行分析，去做符合自己門戶結構特色的CSS框架。我們以新浪網為例子進行站點結構分析，整個頁面分為：首頁，更多頁，內容頁，專題頁，數(shù)據(jù)中心，新聞中心，頻道頁，廣告……
    我們對這些頁面進行整理，去發(fā)現(xiàn)他們的公共部分：CSS的樣式,及區(qū)域，模塊的碎片。我們需要做的是把這些公有的部分提出來，我們可以把CSS分以下幾類：
主體樣式表：sjweb.css
font(字體樣式，字號，顏色的集合)
layout(框架結構集合)
global(全局默認樣式集合)
component（組成頁面部分樣式表，模塊碎片集合）
這些講統(tǒng)統(tǒng)的被import到sjweb.css主體樣式表里，主體樣式表做為一個loader加載新的外來樣式，比如廣告樣式表。
這樣這些頁面只需要寫一點點屬于自己特殊要求的CSS樣式代碼就可以了。
在構建這個CSS框架的時候有很多細節(jié)的東西最好能統(tǒng)一化，比如：行間距，模塊之間間隔距離等。
規(guī)則：
1.所有area之間，模塊之間，間距上下左右為：8 Pixel ;
2.新聞列表顏色#333 ;
3.新聞列表行間距20 pixel。