·網(wǎng)頁(yè)頂部定義的樣式命名為：top_***；
·網(wǎng)頁(yè)中部定義的樣式命名為：center_***；
·網(wǎng)頁(yè)底部定義的樣式命名為：bottom_***；

在網(wǎng)頁(yè)中部定義中，按其位置劃分為左、中、右三個(gè)區(qū)塊：
·網(wǎng)頁(yè)中部左側(cè)運(yùn)用的樣式命名為：left_***；
·網(wǎng)頁(yè)中部中間運(yùn)用的樣式命名為：main_***；
·網(wǎng)頁(yè)中部右側(cè)運(yùn)用的樣式命名為：right_***；
……

網(wǎng)頁(yè)中部通用定義：
.center_tdbgall 　　/* 中部表格總背景顏色定義 */
{
background:#ffffff;
}

網(wǎng)頁(yè)中部中欄的CSS定義：
.main_tdbgall 　　　/* 中欄表格總背景顏色定義 */
.main_shadow 　　　/* 中欄內(nèi)容間隔表格背景顏色定義(575) */
.main_announce 　　/* 中欄公告表格背景、文字顏色定義 */
.main_Search 　　　/* 中欄搜索表格背景、文字顏色定義 */
.main_top 　　　　/* 中欄最新推薦表格背景顏色定義 */
.main_title_760i　　 /* 網(wǎng)站首頁(yè)中欄標(biāo)題表格背景、文字顏色定義(760) */
.main_tdbg_760i 　　/* 網(wǎng)站首頁(yè)中欄內(nèi)容表格背景、文字顏色定義(760) */
.main_title_575　　 /* 中欄標(biāo)題表格背景、文字顏色定義(575) */
.main_tdbg_575　　 /* 中欄內(nèi)容表格背景、文字顏色定義(575) */
.main_title_282i 　　/* 欄目文章列表標(biāo)題表格背景、文字顏色定義(282) */
.main_tdbg_282i 　　/* 欄目文章列表內(nèi)容表格背景、文字顏色定義(282) */
.main_title_282 　　/* 欄目文章列表標(biāo)題表格背景、文字顏色定義(282) */
.main_tdbg_282 　　/* 欄目文章列表內(nèi)容表格背景、文字顏色定義(282) */
.listbg 　　　　/* --欄目文章列表內(nèi)容間隔顏色的定義1-- */
.listbg2 　　　/* --欄目文章列表內(nèi)容間隔顏色的定義2-- */

有鏈接文字“A”的CSS定義：
/* 網(wǎng)站鏈接總的CSS定義:可定義內(nèi)容為鏈接字體顏色、樣式等 */
a{text-decoration: none;} /* 鏈接無(wú)下劃線,有為underline */
a:link {color: #000000;} /* 未訪問的鏈接 */
a:visited {color: #333333;} /* 已訪問的鏈接 */
a:hover{COLOR: #AE0927;} /* 鼠標(biāo)在鏈接上 */
a:active {color: #0000ff;} /* 點(diǎn)擊激活鏈接 */

a.Channel　　/* 頂部頻道文字鏈接的CSS定義－－將頂部頻道文字鏈接與網(wǎng)站鏈接總的CSS定義分開，以后可以制作深底淺字的格式，如果要保持原來(lái)的設(shè)計(jì)樣式，將此定義內(nèi)容刪除或定義成與網(wǎng)站鏈接總的CSS相同即可。調(diào)用代碼為*** */

a.Channel2　　/* 頂部當(dāng)前頻道文字鏈接的CSS定義－－調(diào)用代碼為*** */

a.Bottom　　/* 底部版權(quán)信息文字鏈接的CSS定義－－與頂部頻道文字鏈接定義的想法相同?？稍O(shè)置與頂部頻道文字鏈接定義不同的文字顏色，網(wǎng)頁(yè)內(nèi)定義以預(yù)留。調(diào)用代碼為*** */

a.Class　　/* 文章欄目標(biāo)題文字鏈接的CSS定義－－可設(shè)置與頂部頻道文字鏈接定義不同的文字顏色，網(wǎng)頁(yè)內(nèi)定義以預(yù)留。要相同可不設(shè)置。調(diào)用代碼為*** */

a.Guest　　/* 留言欄目標(biāo)題文字鏈接的CSS定義－－調(diào)用代碼為*** */

a.Channel_KeyLink　　/* 站內(nèi)鏈接文字顏色定義 */

用戶控制css定義：
/*用戶控制面板左*/
.user_left　　 /*左區(qū)塊定義*/
.user_box　　/*左區(qū)塊內(nèi)標(biāo)題欄定義*/
.user_righttitle
.user_line
.user_toolstop　　/*左區(qū)塊內(nèi)標(biāo)題欄定義*/
.user_toolsbot　　/*左區(qū)塊內(nèi)內(nèi)容定義*/
.user_toolspoint　　/*區(qū)塊內(nèi)箭頭欄定義*/

/*用戶控制面板右*/
.user_right {
.border1
.title
.border
.tdbg
.tdbgmouseover
.tdbg2
.tdbg5
.title5
.title6
.button1
.show_page

　　其中，在中部表格開始商用了“table class=center_tdbgall”，則“.center_tdbgall”可控制中部表格的背景與寬度，這里加上了“cellSpacing=0 cellPadding=0 width=760 align=center border=0”等定義，是為了方便在DW這些可視化網(wǎng)頁(yè)編輯軟件中進(jìn)行編輯而加的定義。如果對(duì)CSS非常熟悉，且有一定的空間能力，則此處可只寫成：

　　為了兼容以前的模板代碼，防止過大工作量的改動(dòng)。整體網(wǎng)頁(yè)寬度為993時(shí)要計(jì)算與測(cè)試其他版區(qū)定義的寬度。

[NextPageCSS定義的分類與注釋]

四、CSS定義的分類與注釋

　　為了方便其他設(shè)計(jì)者或用戶理解定義的CSS的作用、用途與范圍，默認(rèn)的CSS提供了簡(jiǎn)要的注釋。設(shè)計(jì)師在新定義了特殊用途的CSS樣式后，也應(yīng)及時(shí)添加相應(yīng)的注釋，以方便他人理解與再次運(yùn)用。

1、注釋的標(biāo)準(zhǔn)
　　CSS樣式的注釋以“/* ××× */”標(biāo)注，前后加“/*”和“*/”開始和結(jié)束注釋，在“*”和內(nèi)容相結(jié)處空半個(gè)空格（注意：“*”和“/”不能加空格）。
　　注釋按頻道使用CSS分類、注釋，如：“/* --留言頻道css定義開始-- */”、“/* --留言頻道css定義結(jié)束-- */”。

2、注釋的位置
　　將各模板都有機(jī)會(huì)使用的CSS定義進(jìn)行注釋。如：

3、按位置使用CSS分類標(biāo)注
　　在“* ×××*/”注釋中，內(nèi)置三種標(biāo)識(shí)：

　　良好的注釋習(xí)慣能讓更多人讀懂你寫的內(nèi)容，同時(shí)也容易查找一規(guī)范。

附：CSS學(xué)習(xí)資源

[NextPage組件中存在但風(fēng)格中未定義的CSS]

四、組件中存在但風(fēng)格中未定義的CSS

　　在設(shè)計(jì)深底色（如黑色風(fēng)格）網(wǎng)站的頁(yè)面模板樣式時(shí)，對(duì)一些位置需要改變顏色和式樣時(shí)，尤其是有鏈接的文字需要作單獨(dú)的定義。而系統(tǒng)提供的默認(rèn)風(fēng)格里沒有寫入這個(gè)風(fēng)格，動(dòng)易系統(tǒng)的模板功能在開發(fā)中考慮到不同風(fēng)格的模板設(shè)計(jì)需求，已經(jīng)給需要個(gè)性的位置預(yù)留了css定義，尤其對(duì)一些有鏈接的文字提供了固定的定義。CSS可應(yīng)用Anchor(錨，即超級(jí)鏈接標(biāo)記)中最根本的功能“超鏈接”來(lái)實(shí)現(xiàn)此需要。跟其它的tag一樣，Anchor的定義方法是：A:{css標(biāo)記} 它特殊之處在于，它有各種相關(guān)的屬性，比如link（有鏈接），visited(瀏覽過)，hover(鼠標(biāo)在其上)，active(激活)。可以根據(jù)不同需要而做出專門的定義以根據(jù)用戶不同的動(dòng)作做出反應(yīng)，從而形成比較好的效果。

　　您也可以通過依次點(diǎn)擊IE菜單中“查看”菜單－>“源文件”的方法，查看這些預(yù)留css的定義名。請(qǐng)注意，這些鏈接樣式定義名不能更改，其運(yùn)用方式為：
　　如果您查看源文件時(shí)看到如：“***”，其中“LinkPath”在后臺(tái)風(fēng)格中并沒有定義過，則“LinkPath”css定義為動(dòng)易系統(tǒng)預(yù)留的css定義，即系統(tǒng)在“您現(xiàn)在的位置”這個(gè)網(wǎng)站導(dǎo)航中內(nèi)置了“LinkPath”css定義。如果要在深色模板樣式設(shè)計(jì)中將其改成白色的鏈接，則可以在后臺(tái)風(fēng)格定義中添加如下“a.”有鏈接文字樣式的定義：

　　當(dāng)然，對(duì)于一些系統(tǒng)并示預(yù)留的且需要設(shè)置個(gè)性化定義的有鏈接的文字的css定義，即使系統(tǒng)未預(yù)先定義，您也可以通過div的方式單獨(dú)對(duì)這些有鏈接的文字進(jìn)行控制。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

/* LinkPath　“您的位置”有鏈接文字的樣式定義 */
a.LinkPath:link {color: #ffffff;}
a.LinkPath:visited {color: #ffffff;}
a.LinkPath:hover{color: #ff6600;}
a.LinkPath:active {color: #ffffff;}

/* AnnounceBody2　“公告”有鏈接文字的樣式定義 */
a.AnnounceBody2:link {color: #ffffff;}
a.AnnounceBody2:visited {color: #ffffff;}
a.AnnounceBody2:hover{color: #ff6600;}
a.AnnounceBody2:active {color: #ffffff;}

/* channel_keylink　“站內(nèi)鏈接”有鏈接文字的樣式定義，用于文章內(nèi)容中顯示的站內(nèi)鏈接文字 */
a.channel_keylink:link {color: #ffffff;}
a.channel_keylink:visited {color: #ffffff;}
a.channel_keylink:hover{color: #ff6600;}
a.channel_keylink:active {color: #ffffff;}

/* LinkTopUser　“用戶排行”有鏈接文字的樣式定義 */
a.LinkTopUser:link {color: #ffffff;}
a.LinkTopUser:visited {color: #ffffff;}
a.LinkTopUser:hover{color: #ff6600;}
a.LinkTopUser:active {color: #ffffff;}

/* LinkspaceList　“聚合空間”有鏈接文字的樣式定義 */
a.LinkspaceList:link {color: #ffffff;}
a.LinkspaceList:visited {color: #ffffff;}
a.LinkspaceList:hover{color: #ff6600;}
a.LinkspaceList:active {color: #ffffff;}

/* 分隔線的樣式定義 */
hr {color: #98664B; height: 1; }