1、ID选择器<span id"选择名">xxx</span >

color:green;

}
类选择符<span class="选择名">xxx</span>
.选择名{
color:green;
}

2、class="XXX" 多用于静态样式
id="XXX" 多用于动态样式

3、W3C标准这样规定的，在同一个页面内，不允许有相同名字的id对象出现，但是允许相同名字的class。这样，一般网站分为头，体，脚部分，因为考虑到它们在同一个页面只会出现一次，所以用id，其他的，比如说你定义了一个颜色为red的class，在同一个页面也许要多次用到，就用class定义。另外，当页面中用到js或者要动态调用对象的时候，要用到id，所以要根据自己的情况运用