.f {
/* 这里填写目标规则的样式属性 */
}
例如，可以设置.f元素的字体大小为18px，字体颜色为红色：
.f {
font-size: 18px
color: red
}
在html代码中，可以使用class属性为.f的元素应用该样式规则，例如：
<p class="f">这是一段带有.f类的段落文本</p>
可以通过查看页面渲染效果来验证该规则是否生效。
1、双击打开HBuilder工具，新建一个HTML5静态页面模板。
2、在<body></body>标签内，插入一个div标签，并设置对应的ID属性和内容。
3、在CSS标签内使用ID选择器，设置div标签内的内容文字大小，使用vmin。
4、保存代码并直接打开浏览器预览效果，可以发现使用vmin设置的比同值的px的要大。
5、将css样式属性中的vmin改为vmax，然后保存代码并查看效果即可。
1. 打开“CSS样式”面板。
2. 在“所选内容的摘要”窗格中双击某一个属性，打开“CSS 规则定义”对话框。如下图所示：
一、定义CSS的类型属性
在“CSS 规则定义”对话框中，在“分类”下拉框中选择“类型”，然后可以在右边“类型”部分设置属性：
Font-family：设置字体系列。在下拉菜单中选择字体。
Font-size：定义文字的字体大小。
Font-weight：对字体应用特定或相对的粗体量。
Font-style：指定“正常”、“斜体”或“偏斜体”作为字体样式。
Font-variant：设置文本的小型大写字母变体。
Line-height：设置文本所在行的高度。
Text-transform：将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。
Text-decoration：向文本中添加下划线、上划线或删除线，或使文本闪烁。
Color：设置文本的颜色。
提示：如果某一个属性不需要设置，可以将其保留为空。
