html中如何引用css中class样式

1、新建一个html文件，命名为test.html，用于讲解html中如何引用css中class样式。

2、在test.html文件内，使用p标签创建一行测试的文字，代码如下：

3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。

4、在css标签内，设置class（myclass）的样式，定义其背景颜色为红色，宽度为300px，文字颜色为白色，行高为30px。

5、在test.html文件内，给p标签添加class属性，并设置其class属性值为myclass。

6、在浏览器打开test.html文件，查看实现的效果。