类选择器 类选择器使用"."（英文点号）进行标识，后面紧跟类名，其基本语法格式 如下： .类名 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3; ......} 标签调用的时候用： class = "类名"
小技巧： 1、长名称或词组可以使用中横线来为选择器命名。 2、不建议使用“_”下划线命名CSS选择器； （1）输入的时候少按一个shirt键 （2）浏览器兼容问题（比如使用_tips的选择器命名，在IE6是无效的） （3）能良好区分JavaScript变量命名（JS变量命名是用"_"下划线的） 3、不要纯数字、中文等命名，尽量使用英文字母来表示。
代码如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .colorGeen{ color: green; } .colorRed{ color: red; } </style> </head> <body> <div class="colorGeen">绿得发慌</div> <div class="colorRed">红红火火</div> </body> </html>
效果如下：
