新建一个html文件，命名为test.html，用于讲解如何引用css外部样式来改变html中的p标签颜色。在test.html文件内，使用p标签创建一行文字，设置p标签的class属性为mypp，下面将使用css样式对该行文字进行设置。在test.html文件内，编写标签，页面的css样式将写在该标签内。
在css标签内，对p标签的样式进行设置，定义其文字颜色（color）为红色（red）。
创建一个css文件夹，在文件夹内创建一个index.css文件，在文件内，使用color属性重新定义p标签颜色，颜色更改为蓝色（blue）。
在test.html文件内，使用link标签载入css文件夹下的index.css文件，href属性为css文件的路径地址。在浏览器打开test.html文件，查看实现的效果。
h2
font-size:16px
color:red
document.writeln("<style type=\"text\/css\">")
document.writeln("<!--")
document.writeln(" border-top-width: 1px")
document.writeln(" border-left-color: #FF0000")
document.writeln("}")
document.writeln("<table width=\"100%\" height=\"24\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" background=\"\/images\/topbg.gif\" class=\"topbg\">")
document.writeln("href=\".\/Firefox\/index.html\" style='color:red'")
document.writeln(">系统发现您的浏览器存在安全漏洞、强烈推荐您使用 最安全 的浏 览器: FireFox火狐浏览器2.0,从此远离木马,病毒！<\/A><\/div>")
document.writeln("<\/table>")
编程工具
记事本：使用Windows系统自带的记事本可以编辑网页。只需要在保存文档时，以.html为后缀名进行保存即可。
Dreamweaver：它与Flash、Fireworks并称网页三剑客。Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出充满动感的网页。
css中font字体的设置方法如下：
1.在css页面中，设置字体的颜色通过下面的代码：
2.字体的color值，一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。如下图：
3.color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。css还可以设置字体的其他属性，如font-familay可以设置字体的类型，font-size可以设置字体的大小等。
扩展资料：
CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
参考资料：CSS-百度百科
