1、新建html文件，在body标签中添加文字，这里以p标签内容为“演示文本”为例，这时网页将会显示字体默认大小和颜色。
2、在head标签中添加style标签给页面设置css样式，选择p标签，字体大小用的是“font-size”属性，属性值为字体大小，这里以“30px”为例，这时“演示文本”字体将会变大。
3、选择p标签，字体颜色用的是“color”属性，属性值为颜色，这里以红色“red”为例，这时“演示文本”字体将会变成红色。
第一个属性：font-family
1、该属性用于指定文字的字体类型，如宋体、黑体、隶书、楷体、Times New Roman等。
2、具体的语法如下：{font-family:name;} 其中，name是字体的名称。
第二个属性：font-size
1、该属性用来设置文字的大小。
2、具体的语法格式如下：{font-size:数值 | xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | lentgth | inherit;} 这些参数代表的意义分别是：像素数值、最小、较小、小、正常、大、较大、最大、相对字体尺寸、相对字体尺寸、百分比、继承。
第三个属性：font-style
1、该属性是用来定义字体的风格，即字体的显示样式。
2、具体的语法如下：{font-style: normal | intalic | oblique | inherit;} 其中属性值分别表示默认值、斜体、倾斜、继承。
第四个属性：font-weight
1、该属性用来定义字体的粗细程度。
2、具体的语法如下：{font-weight: 100-900 | bold | bolder | lighter | normal;} 其中的属性值分别表示数值、粗体、更粗、更细、默认。
第五个属性：font-variant
1、该属性用于设置大写字母的字体显示。
2、具体的语法格式如下：{font-variant: normal | small-caps | inherit;} 其中的参数值分别表示默认值、显示小型大写字母的字体、继承。
第六个属性：是font
1、该属性可以一次性使用多个属性来定义文本字体，是字体的复合属性。
2、具体语法如下：{font: font-style | font-variant | font-weight | font-size | font-family;}
第七个属性：color
1、属性用来设置字体的颜色。
2、具体的语法格式如下：{color:name;}
css选择器的类型分为3类:标记选择器、类别选择器和ID选择器。
（可能名称有不同的说法，但意思都是一样的） 标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。
1、新建html文件和CSS文件 ①在桌面新建一个文件夹，然后新建两个text文件； ②分别将text文件重命名为index.html和css.css。 2、输入html代码 ①用记事本打开index.html文件，输入以下代码；
字体颜色的不同设置方法
②用浏览器打开浏览效果。 3、标签内嵌入字体标签设置颜色。 ①编辑index.html，在
标签内输入以下代码； 字体颜色的不同设置方法 ②浏览器浏览效果。 4、标签内嵌入style样式设置颜色。 ①另起一行字体，并在标签内输入以下代码；
②在浏览器中检查效果。 5、网页内部嵌入标签选择器样式设置颜色。 ①给文字的
标签命名一个ID； ②在之间输入以下代码；③浏览器中查看效果。 6、网页内嵌入类选择器设置颜色。 ①给文字的标签命名一个Class； ②在中输入以下代码； .p1{color:#D1f3c6;/*类选择器*/} ③浏览器查看效果。 7、外部CSS样式设置颜色。 ①在网页头部输入以下连接CSS外部文件代码；②在网页中写入以下代码；
字体颜色的不同设置方法
字体颜色的不同设置方法
③用记事本方式打开css文件，输入以下代码； ④浏览器检查效果变化。
