CSS样式：类样式的定义和应用

1、首先准备网页素材和代码如下

2、为导航设置样式。新建CSS规则

3、选择“类”，输入类名为nav，位置为“仅对该文档”。

4、确定后出现如下对话框

5、单击“确定”后代码如下图所示。

6、这里的.nav{ }茧盯璜阝就是所创建的类，只是里面还没有规则。接下来输入规则如下.nav { color:#09F; font-size:16px; text-align多唉捋胝:center;}选择导航所在的单元格，在属性栏“类”中选择nav，完成后的效果如下图

7、对应代码如下 <tr> <td>导航1</td> <td>导航2</td> &造婷用痃lt;td>导航3</td> <td>导航4</td> <td>导航5</td> <td>导航6</td> </tr>