一、设置方法：
1、字体颜色：举个例子，比如给字体加红，我们可以使用这个样的语句< span style = color: # ff0000；background - color: transparent ">红色文字红色字母< span style = color: # ff0000；background - color: transparent "> 文字的红色指定。
2、字体风格：我们可以设置“斜”或“倾斜”。< span style font = - style: italic "> Italic < span style font = - style: ITALIC ">斜体字体斜体指定。要指定斜体。正确的是“oblique”斜体指定，根据浏览器不支持的东西，所以有同样的风格的“italic”预先指定比较保险。但是你指定的“斜”斜体，因为有一些浏览器不支持的方法，你指定的“倾斜”的风格是同源性安全。
3、字体风格：font - size:字体的大小字体大小。指定“pt”、“em”、“in（inch）”等的算术单位的其他小的一方，从“xx - small”、“x - small”、“small”、“medium”、“large”、“x - large”、“xx”- large指定可以。“PT”，“排放”指定“，”其他单位，如算术（英寸），“XX小”，“X -小”，“小”，“中等”，“大”从较小的“X大”，“大XX”可以指定。< span style font = - size:8pt ">8点的文字8PT“>8点字符<跨度风格=”字体大小：< span style font = - size: x - small ">小文字小字符< span style font = - size: x - small "> 通过浏览器“small”和“x - small”的尺寸等同的东西为了也有，严格的尺寸，固定如果想要“10pt”等的算术单位使用。使用如“10PT”算术单元，因为如果假定为“X -小”和“小”在浏览器上的大小相同，你要修复完全相同的大小。
4、字体类型：font - family:也称为家庭类型字体的种类的指定。< span style font = - family: verdana，arial，helvetica，sans - serif ">字体的种类 < span style font = - family: verdana，arial，helvetica，sans - serif ">字体类型上述字体的种类是复数指定也行。字体类型指定多个可如上所述。这个场合，浏览器对应着字体从前头优先表示开始。你可以在自己的浏览器上查看一下。“Times New Roman」一样的字体，家族空白的时候（引号）围着放置。如果有“宋体”字体家族中的天空格“括号（不带引号）。
5、字体的重量：实际上，字体字体是有重量的，比如我们常说的这个字体多少多少磅。范围为100～900之间的100单位的数字，或是“bold”、“bolder”、“lighter”可以指定，我们可以使用这样的一句为郑州网站建设加粗：< span style font = - weight: bold ">粗体字 < span style font =郑州网站建设- weight: bold ">
6、一次设置文字的多个样式，我们使用font来一次指定文字的多个样式：比如我们可以使用这样的语句一次设置文字的重量、风格和类型。< span style font =:10pt bold italic arial ">字体指定指定字体10PT加粗斜体宋体>
二、字体颜色列表：
三、应用举例：
CSS控制字体和字体颜色改变
A.a01:link {FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #FFf200; TEXT-DECORATION: none}网页显示的色彩
A.a01:visited {FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #FF0000; TEXT-DECORATION: none}
A.a01:hover {FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #FFffff; TEXT-DECORATION: none}鼠标放上时的色彩
A.a01:active {FONT-WEIGHT: bolder; FONT-SIZE: 12px; COLOR: #FF0000; TEXT-DECORATION: none}
/* 网站链接总的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;#p#分页标题#e#
}
.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;
}
