2，在test.html文件中，使用div标签创建一行文字，下面将在css文件中定义div的样式。
3，在test.html文件中，给div设置class属性，例如，设置为mydiv。
4，新建一个css文件，命名为test.css，用于编写div的样式。
5，在test.css文件中，给类名为mydiv的div设置css样式，使用font-size定义div文字的大小为20px，使用color定义div的文字的颜色为红色。
6，在test.html文件中，通过link标签引入外部的css文件，实现给页面中的div设置css样式 。
7，在浏览器打开test.html文件，就可以了。
要设置文字css目标规则名称为.f，可以在css文件中添加以下代码：.f {
/* 这里填写目标规则的样式属性 */
}
例如，可以设置.f元素的字体大小为18px，字体颜色为红色：
.f {
font-size: 18px
color: red
}
在html代码中，可以使用class属性为.f的元素应用该样式规则，例如：
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
打开页面，打开css设计器，添加css源，在页面中定义，切换代码界面，定义名为#box和#text的css样式。2.
点击插入Div，定义ID为text，点击确定。
3.
点击实时视图即可看到相应的效果。
