1. 标签选择器，格式：element{ };        （element为元素   h1,p,div,.....）
   

2. 类选择器,  格式：.class{ };       (class为类名)

3. ID选择器 ，格式：#id{ }；     （id为id名，javascript会调用它）
   

1、div{}是元素选择器，也就是直接把元素标签拿来用。

2、.div{}是类选择器，你肯定要设置一个class=“div“。

3、#div是ID选择器，你肯定要设置一个ID=”div“。

总结：第一个，会让div里的所有元素变换样式。

            第二个，会让一个或多个同类的元素变换样式。

            第三个，会让单一一个元素变换样式。ok。

div是标签， .为前缀的是class类  #开头的是ID  比如你的例子： div{}是控制页面中的div元素，.div是操作  具有class=div的属性的元素，#div 是操作页面中具有id=div的元素。