CSS中设置字体：font-size：12px; 或者 font-size:0.876em;

CSS中设置字体颜色： 直接 color：#f00; 或者 color:#ff0000;

举个例子：

<p style="font-size:12px; color:#f00">如何设置字体</p>

字体颜色是 color不是 font-color

在body中设置color
如：
body{
color:#ff0000;
}

一，CSS中字体颜色的设置：
　　1，代码：color
:
#f00;
　　2，color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色；
　　3，比如给字体加蓝色，可以使用这个样的语句<
span
style
=
color:
#
ff0000；background
-
color:
transparent
">蓝色文字
span
蓝色字母<
span
style
=
color:
#
ff0000；background
-
color:
transparent
">
SPAN
文字的蓝色指定；
　　二，CSS中字体大小的设置（字体风格）：
　　1，代码：font-size
:
1em;
　　2，font-size
翻译为中文是“字体尺寸”，它的单位一般是px(像素)或em(字体高度)。

CSS样式要放在CSS文件里，或者用
div{
color:red;
}
也行，都会生效的，上面你写的这种情况，如果没有其他冲突的话，绝对两个都是红色的

1、字体大小：font-size

注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。

也可直接用像素设置：比如12px,或者em.

2、字体颜色：color

//示例
body{color:red;}
h1{color:#00ff00; }
p{ color:rgb(0,0,255);}

这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 co日夏养花网lor 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。

3、拓展-字体大小也可以使用font属性设置

/*示例*/
p.ex2{ font:italic bold 12px/20px arial,sans-serif;}

font 简写属性在一个声明中设置所有字体属性。

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字www.rixia.cc可以适当地设置元素的字体，使之与用户计算机环境中的某个方面一致。注意，如果没有使用这些关键词，至少要指定字体大小和字体系列。

可以按顺序设置如下属性：

font-style

font-variant

font-weight

font-size/line-height

font-family

可以不设置其中的某个值，比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。

我想在自己的网站中应用这个菜单，但是菜单的字体是固定的，应该怎样改变字体的大小（这个字体太小了，中文显示很难看！）
先解这个问题：
修改这两个CSS即可
.style1 {font-size: 30px}
.style4 {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
怎么修改：
.style1 {font-size: 30 px}
.style1 {字体 大小: 数值 PX是像素(这个是单位类似厘米)}
这里只要改数值大小，在一般网页中，大小都是12px
.style4 { font-size: 24px; (这个不用再说了和上面一样)
font-family: Arial, Helvetica, sans-serif;
}
font-family: Arial, Helvetica, sans-serif;
字体 类型：一种英文字体;
如：
font-family:"宋体"; 这就是中文宋体
font-family:"黑体"; 这就是中文黑体
一般网页中默认为宋体，大小为12像素
关于这个字体类型，就看你喜欢什么字体了，
注意的是，最好用系统自带的字体，这样出来的页面，所有人都能看到，如果用的字体在别人系统上没有这个字体，是看不到你这种字体的效果的，

2、鼠标经过时的底色要改成其他颜色
解决这个找到样式：
A { COLOR: #900; TEXT-DECORATION: none }
A:hover { BACKGROUND: #900; COLOR: #fff }
第一行是：鼠标还没经过时的样式，
这时字是血红色
第二行是：当鼠标放在上面的样式，
这时字是白色，背景为血红色
现在来解决：
A { COLOR: #900; TEXT-DECORATION: none }
COLOR: #900;
字体颜色： 颜色代码
#000000 黑色
#ffffff 白色
#ff0000 红色
#ffff00 黄色
等等，其它颜色，你有DW找一下就OK了
TEXT-DECORATION: 这个在DW里叫修饰；就是网页常见的链接有下划线，上划线，删除线之类的
none 而这个就是属性：无
他还有几种：比如你想要下划线：underline 上划线：overline删除线：line-through 等；

再来说说这个：
A:hover { BACKGROUND: #900; COLOR: #fff }
BACKGROUND: #900;
背景 颜色：血红色
#900也可以用#990000来表示，得是一样的
你要改的背景色就是这个颜色了
#900为什么等于#990000，
在颜色代码中遇到有规律的代码可以用三个数来代替
如：#000000 上面所说的黑色，就可以用#000
总结一下，#112233，像这样的，就可以用#123来代替

3、最后时字体不要加粗效果
加粗效果，在你上面给出的代码中没有体现出来但在样式中有一个是加粗的，你删除他就成了
H1 { FONT: bold 36px "Times New Roman", Times, serif}
你把bold删除

1.可以先切换到代码区，然后找到font-size和color属性，然后进行修改即可。

　　CSS中控制文字颜色的属性是color。

　　为不同元素设置文本颜色：

body{
    color:red;
  }
h1{
    color:#00ff00;
  }
p{
    color:rgb(0,0,255);
  }

　　color 属性规定文本的颜色。

　　这个属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框，除非被 border-color 或另外某个边框颜色属性覆盖。

　　要设置一个元素的前景色，最容易的方法是使用 color 属性。

FONT-COLOR: #000080;
改为
COLOR: #000080
就行啦