網(wǎng)站制作中做門戶網(wǎng)站怎樣寫CSS才簡潔規(guī)范呢

大型門戶，海量信息平臺及多模塊，多區(qū)域化網(wǎng)站，更需要對CSS，XHTML的標(biāo)準(zhǔn)化，符合語意的HTML框架，復(fù)用性強(qiáng)的CSS代碼，這些才能保障你的網(wǎng)站，具有很好的“地基”。
一部：關(guān)于構(gòu)建CSS框架我們要實現(xiàn)的目的：
1.實現(xiàn)標(biāo)準(zhǔn)化，具備主流平臺適應(yīng)性的前端實現(xiàn)；
2.快速開發(fā)，在站點風(fēng)格確定后，前端不應(yīng)該成為整個項目里瓶頸；
3.重構(gòu)的需求，盡可能的讓類和區(qū)塊樣式可重用；
4.分離結(jié)構(gòu)和表現(xiàn)的需求，遵守了語義化結(jié)構(gòu)的約定;
5.構(gòu)架完全符合金融網(wǎng)特色的CSS框架。
6.對代碼進(jìn)行必要的搜索引擎優(yōu)化。
第二部：關(guān)于CSS命名的一些約定：
1.不使用大寫形式的類名和id名;
2.盡可能使用描述性的英文單詞的組合作為類名和id名;
3.id名及類名的多個英文單詞之間使用“_”短橫線分隔;
4.按區(qū)域進(jìn)行描述編號 例：main01_div01_ul01 (可以理解為主體一區(qū)域 一DIV下的一個UL)
下來我們要對整個網(wǎng)站及設(shè)計稿進(jìn)行分析，去做符合自己門戶結(jié)構(gòu)特色的CSS框架。我們以新浪網(wǎng)為例子進(jìn)行站點結(jié)構(gòu)分析，整個頁面分為：首頁，更多頁，內(nèi)容頁，專題頁，數(shù)據(jù)中心，新聞中心，頻道頁，廣告……
我們對這些頁面進(jìn)行整理，去發(fā)現(xiàn)他們的公共部分：CSS的樣式,及區(qū)域，模塊的碎片。我們需要做的是把這些公有的部分提出來，我們可以把CSS分以下幾類：
主體樣式表：sjweb.css
font(字體樣式，字號，顏色的集合)
layout(框架結(jié)構(gòu) 集合)
global(全局默認(rèn)樣式集合)
component（組成頁面部分樣式表，模塊碎片集合）
這些講統(tǒng)統(tǒng)的被import到sjweb.css主體樣式表里，主體樣式表做為一個loader加載新的外來樣式，比如廣告樣式表。
這樣這些頁面只需要寫一點點 屬于自己特殊要求的CSS樣式代碼就可以了。
在構(gòu)建這個CSS框架的時候有很多細(xì)節(jié)的東西好能統(tǒng)一化，比如：行間距，模塊之間間隔距離等。
規(guī)則：
1.所有area之間，模塊之間，間距上下左右為：8 Pixel ;
2.新聞列表顏色#333 ;
3.新聞列表行間距20 pixel；

……等等

本文名稱：網(wǎng)站制作中做門戶網(wǎng)站怎樣寫CSS才簡潔規(guī)范呢
標(biāo)題鏈接：http://www.muchs.cn/news/60061.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有網(wǎng)站制作等

廣告

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