在html页面中，通过给元素添加class属性，便可以将class的样式应用于元素上。下面小编举例讲解html中如何引用css中class样式。
工具/原料
1
html+css
2
代码编辑器：Dreamweaver CS5
方法/步骤
1
新建一个html文件，命名为test.html，用于讲解html中如何引用css中class样式。
2
在test.html文件内，使用p标签创建一行测试的文字，代码如下：
3
在test.html文件内，编写标签，页面的css样式将写在该标签内。
4
在css标签内，设置class（myclass）的样式，定义其背景颜色为红色，宽度为300px，文字颜色为白色，行高为30px。
5
在test.html文件内，给p标签添加class属性，并设置其class属性值为myclass。
6
在浏览器打开test.html文件，查看实现的效果。
总结：
1、使用p标签创建一行测试的文字。2、在css标签内，设置class（myclass）的样式。3、在test.html文件内，给p标签添加class属性。
注意事项
除了直接在页面中定义css样式，也可以使用link标签引入文件样式。
上一篇：获取class类的方法