CSS中文说明及字体颜色代码

上学那会样式表也没怎么学会，现在看别人写好的都有点吃力，我想一定有朋友跟我一样，所以我把样式表中的常用属性说明一下，希望可以帮助大家：

/* 网站链接总的CSS定义:可定义内容为链接字体颜色、样式等 */
a{text-decoration: none;} /* 链接无下划线,有为underline */
a:link {color: #000000;} /* 未访问的链接 */
a:visited {color: #333333;} /* 已访问的链接 */
a:hover{COLOR: #AE0927;} /* 鼠标在链接上 */
a:active {color: #0000ff;} /* 点击激活链接 */
/* 顶部频道文字链接的CSS定义－－将顶部频道文字链接与网站链接总的CSS定义分开，以后可以制作深底浅字的格式，如果要保持原来的设计样式，将此定义内容删除或定义成与网站链接总的CSS相同即可。调用代码为*** */
a.Channel:link {color: #ffffff;}
a.Channel:visited {color: #ffffff;}
a.Channel:hover{COLOR: #ffff00;}
a.Channel:active {color: #ffffff;}
/* 底部版权信息文字链接的CSS定义－－与顶部频道文字链接定义的想法相同。可设置与顶部频道文字链接定义不同的文字颜色，网页内定义以预留。调用代码为*** */
a.Bottom:link {color: #ffffff;}
a.Bottom:visited {color: #ffffff;}
a.Bottom:hover{COLOR: #ffff00;}
a.Bottom:active {color: #ffffff;}
/* 文章栏目标题文字链接的CSS定义－－可设置与顶部频道文字链接定义不同的文字颜色，网页内定义以预留。要相同可不设置。调用代码为*** */
a.Class:link {color: #0099CC;}
a.Class:visited {color: #0099CC;}
a.Class:hover{COLOR: #ffff00;}
a.Class:active {color: #0099CC;}
/* 顶部用户登录文字链接的CSS定义 */
a.top_UserLogin:link {color: #0099CC;}
a.top_UserLogin:visited {color: #0099CC;}
a.top_UserLogin:hover{COLOR: #AE0927;}
a.top_UserLogin :active {color: #0099CC;}

/* Body的CSS定义:对应CSS中“BODY”，可定义内容为网页字体颜色、背景、浏览器边框等 */
BODY
{
FONT-SIZE: 9pt;background:url(/blog/Skin/blue/bg_all.gif);
text-decoration: none;
scrollbar-3dlight-color: #037FA8; /* 滚动条亮边框颜色 */
scrollbar-highlight-color: #ffffff; /* 滚动条3D界面的亮边颜色 */
scrollbar-face-color: #DAECF5; /* 滚动条3D表面的颜色 */
scrollbar-shadow-color: #DAECF5; /* 滚动条3D界面的暗边颜色 */
scrollbar-darkshadow-color: #037FA8; /* 滚动条暗边框颜色 */
scrollbar-arrow-color: #037FA8; /* 滚动条方向箭头的颜色 */
scrollbar-base-color: #ffffff; /* 滚动条基准颜色 */
}
/* 单元格的CSS定义:对应CSS中的“TD”，这里为总的表格定义，为一般表格的的单元格风格设置，可定义内容为背景、字体颜色、样式等 */
TD
{
FONT-FAMILY:宋体;FONT-SIZE: 9pt;line-height: 150%;
}
/* 文本框的CSS定义:对应CSS中的“INPUT”，这里为文本框的风格设置，可定义内容为背景、字体、颜色、边框等 */
Input
{
BACKGROUND-COLOR: #ffffff;
BORDER-BOTTOM: #666666 1px solid;
BORDER-LEFT: #666666 1px solid;
BORDER-RIGHT: #666666 1px solid;
BORDER-TOP: #666666 1px solid;
COLOR: #666666;
HEIGHT: 18px;
border-color: #666666 #666666 #666666 #666666; font-size: 9pt
}
/* 按钮的CSS定义:对应CSS中的“BUTTON”，这里为按钮的风格设置，可定义内容为背景、字体、颜色、边框等 */
Button
{
FONT-SIZE: 9pt;HEIGHT: 20px;
}
/* 下拉列表框的CSS定义:对应CSS中的“SELECT”，这里为下拉列表框的风格设置，可定义内容为背景、字体、颜色、边框等 */
Select
{
FONT-SIZE: 9pt;HEIGHT: 20px;
}

/* ==top.asp中的CSS定义开始== */
.top_tdbgall /* 顶部表格总背景颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
.top_Channel /* 频道表格背景、文字颜色定义 */
{
background:#3399CC;color:#3AB1F5!important;text-align: right;
}
.top_Announce /* 公告表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30;
}
.top_nav_menu /* 导航栏表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/top_nav_menu.gif);color: #0560A6;height: 30;
}
.top_Path /* 您现在的位置表格背景、文字颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;height: 30;
}
/* ==top.asp中的CSS定义结束== */

/* ==网页中部中的CSS定义开始== */
.center_tdbgall /* 中部表格总背景颜色定义 */
{
background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
　　 /* --网页中部左栏的CSS定义开始-- */
.left_tdbgall /* 左栏表格总背景颜色定义 */
{
background:#f2f2f2;
}
.left_title /* 左栏标题表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/left_title.gif);font-weight:bold;color: 037FA8;height: 26;
}
.left_tdbg1 /* 左栏内容表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/left_tdbg1.gif);line-height: 150%;padding-left:5;padding-right:5;
}
.left_tdbg2 /* 左栏底部表格背景、文字颜色定义 */
{
background:url(/blog/Skin/blue/left_tdbg2.gif);height: 10;
}
　　 /* --网页中部左栏的CSS定义结束-- */
　　 /* --网页中部中栏的CSS定义开始-- */
.main_tdbgall /* 中栏表格总背景颜色定义 */
{
width: 572;background:#ffffff;
}
.main_shadow /* 中栏内容间隔表格背景颜色定义(575) */
{
height: 10;
}
.main_announce /* 中栏公告表格背景、文字颜色定义 */
{
color: 0099CC;height: 25;background:url(/blog/Skin/blue/main_announce.gif);border: 1px solid #8CC3DE;
}
.main_Search /* 中栏搜索表格背景、文字颜色定义 */
{
color: 0099CC;height: 25;border: 1px solid #8CC3DE;background:#f7f7f7;
}
.main_top /* 中栏最新推荐表格背景颜色定义 */
{
background:url(/blog/Skin/blue/main_top.gif);height: 187;
}
.main_title_575 /* 中栏标题表格背景、文字颜色定义(575) */
{
color: 0099CC;background:url(/blog/Skin/blue/main_title_575.gif);border: 1px solid #8CC3DE;text-align: left;padding-left:40;height: 26;
}
.main_tdbg_575 /* 中栏内容表格背景、文字颜色定义(575) */
{
border: 1px solid #8CC3DE;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}
.main_title_282 /* 栏目文章列表标题表格背景、文字颜色定义(282) */
{
background:url(/blog/Skin/blue/main_title_282.gif);color: 0099CC;height: 20;border-top: 1px solid #8CC3DE;border-left: 1px solid #8CC3DE;border-right: 1px solid #8CC3DE;
}
.main_tdbg_282 /* 栏目文章列表内容表格背景、文字颜色定义(282) */
{
border: 1px solid #8CC3DE;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}
.listbg /* --栏目文章列表内容间隔颜色的定义1-- */
{
background:#ffffff;
}
.listbg2 /* --栏目文章列表内容间隔颜色的定义2-- */
{
background:#f7f7f7;
}
　　 /* --网页中部中栏的CSS定义结束-- */
　　 /* --文章显示页的CSS定义开始-- */

.main_ArticleTitle /* 主标题文字颜色定义 */
{
color: ff0000;font-weight:bold;font-size: 18;
}
.main_title_760 /* 标题导航表格背景、文字颜色定义(760) */
{
background:url(/blog/Skin/blue/main_title_760.gif);border: 1px solid #8CC3DE;padding-left:5;height: 25;color: 0099cc;
}
.main_tdbg_760 /* 内容表格背景、文字颜色定义(760) */
{
border: 1px solid #8CC3DE;padding: 8;
}
　　 /* --文章显示页的CSS定义结束-- */
/* ==网页中部中的CSS定义结束== */

/* ==Bottom.asp中的CSS定义开始== */
.Bottom_tdbgall /* 底部表格总背景颜色定义 */
{
width: 760;background:#ffffff;border-right: 1px solid #000000;border-left: 1px solid #000000;
}
.Bottom_Adminlogo /* 管理信息表格背景、文字颜色定义 */
{
background:#3399CC;color:#ffffff;
}
.Bottom_Copyright /* 版权信息表格背景、文字颜色定义 */
{
background:#ffffff;color:#000000;
}
/* ==Bottom.asp中的CSS定义结束== */

/* ==自选风格中的CSS定义结束== */
.menu
{
background-color: #cccccc;width:97%;border: 1px;
}
.menuBody
{
background-color: #ffffff;
}
/* ==自选风格中的CSS定义结束== */