當(dāng)前位置:工程項(xiàng)目OA系統(tǒng) > 泛普各地 > 江西OA系統(tǒng) > 景德鎮(zhèn)OA > 景德鎮(zhèn)網(wǎng)站建設(shè)公司
門戶網(wǎng)站怎樣寫CSS
門戶網(wǎng)站的信息多模塊也多,因此對CSS的寫法應(yīng)更加規(guī)范化,以便為網(wǎng)站打好基礎(chǔ)。這篇文章就由景德鎮(zhèn)網(wǎng)站建設(shè)公司分享門戶網(wǎng)站怎樣寫CSS。
一、關(guān)于構(gòu)建CSS框架我們要實(shí)現(xiàn)的目的
1.實(shí)現(xiàn)標(biāo)準(zhǔn)化,具備主流平臺適應(yīng)性的前端實(shí)現(xiàn);
2.快速開發(fā),在站點(diǎn)風(fēng)格確定后,前端不應(yīng)該成為整個項(xià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ì)稿進(jìn)行分析,去做符合自己門戶結(jié)構(gòu)特色的CSS框架。我們以新浪網(wǎng)為例子進(jìn)行站點(diǎ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加載新的外來樣式,比如廣告樣式表。
這樣這些頁面只需要寫一點(diǎn)點(diǎn) 屬于自己特殊要求的CSS樣式代碼就可以了。
在構(gòu)建這個CSS框架的時候有很多細(xì)節(jié)的東西最好能統(tǒng)一化,比如:行間距,模塊之間間隔距離等。
規(guī)則:
1.所有area之間,模塊之間,間距上下左右為:8 Pixel ;
2.新聞列表顏色#333 ;
3.新聞列表行間距20 pixel。
- 1企業(yè)為什么需要專門的網(wǎng)站構(gòu)造單位做網(wǎng)站呢?
- 2建設(shè)一個網(wǎng)站的基本規(guī)則
- 3企業(yè)網(wǎng)站建設(shè)如何體現(xiàn)企業(yè)信任度
- 4分析四類網(wǎng)站的功能特點(diǎn)
- 5專業(yè)的景德鎮(zhèn)網(wǎng)站建設(shè)公司
- 6網(wǎng)站讓企業(yè)一通天下
- 7建設(shè)網(wǎng)站核心在于品牌定位
- 8門戶網(wǎng)站怎樣寫CSS
- 9如何提高網(wǎng)頁加載速度,讓網(wǎng)站打開更快
- 10網(wǎng)站建設(shè)要具備哪些條件
- 11手機(jī)網(wǎng)站建設(shè)三大注意事項(xiàng)
- 12開源的CMS網(wǎng)站利弊
- 13營銷型網(wǎng)站設(shè)計(jì)的
- 14注冊國際域名需要什么條件?
- 15建設(shè)一個好網(wǎng)站,細(xì)節(jié)是非常重要的
- 16網(wǎng)站設(shè)計(jì)中涉及到的技術(shù)知識
- 17企業(yè)為什么要求專業(yè)的網(wǎng)站搭建公司做官方網(wǎng)站呢?
- 18網(wǎng)站是做成動態(tài)好還是靜態(tài)好
- 19景德鎮(zhèn)網(wǎng)站建設(shè)公司總結(jié)網(wǎng)站備案過程
- 20怎樣選擇虛擬主機(jī),需要關(guān)注哪些因素
- 21景德鎮(zhèn)可以備案什么域名?
- 22做英文網(wǎng)站應(yīng)注意的事項(xiàng)
- 23企業(yè)為什么須要專門的網(wǎng)站構(gòu)造單位做網(wǎng)站呢?
- 24如何開始你的網(wǎng)站建設(shè)項(xiàng)目
- 25創(chuàng)建網(wǎng)站的基本知識
- 26網(wǎng)站怎樣才能順利通過備案
- 27網(wǎng)站建設(shè)時要考慮的事情
- 28網(wǎng)站建設(shè)必備的七大功能
- 29淺談網(wǎng)站建設(shè)革新技術(shù)HTML5
- 30網(wǎng)站要避免的幾種不良用戶體驗(yàn)
成都公司:成都市成華區(qū)建設(shè)南路160號1層9號
重慶公司:重慶市江北區(qū)紅旗河溝華創(chuàng)商務(wù)大廈18樓