在页面中，可以定义一个新的样式来覆盖原样式，便可以改变字体的大小和颜色。下面小编举例讲解css如何改变字体大小和颜色。
工具/原料
1
html+css
2
代码编辑器：Dreamweaver CS5
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解css如何改变字体大小和颜色。
2
在test.html文件内，使用p标签创建一行测试的文字，并设置其class属性为myword。
3
在css标签中，通过class(myword)设置文字的样式，定义其大小为30px，文字颜色为红色。
4
在css标签中，再定义一个class为newclass的样式，定义其大小为50px，文字颜色为蓝色。
5
在test.html文件内，给p标签增加一个class，即增加newclass，便可实现css样式的改变。
6
在浏览器打开test.html文件，查看实现的效果。
总结：
1、使用p标签创建一行测试的文字，并设置其class属性为myword。2、在css标签中，定义class为myword的样式 ，再定义一个newclass的样式。3、给p标签增加newclass，实现样式的覆盖，从而实现字体大小和颜色的改变。
注意事项
改变的样式class属性值必须在原class属性值的后面。
上一篇：css 怎么设置网页字体大小?
下一篇：如何设置网页中文字的字体和加粗