class和id的区别 如何使用

核心提示：class可以在页面里面重复使用，id由于在页面里面只能出现一次，class和id的区别 如何使用，所以不能重复使用，所以尽量用class来写，更多的是定义来留给给页面里面的javascript用，补充：class和id在页面里面的使用方法：class：<style type="text/css&quo

class可以在页面里面重复使用，
id由于在页面里面只能出现一次，所以不能重复使用，
所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。

这种情况尽量用id：页面大的模块里面，用id来区分不同的模块。
比如页面里面有这样的模块：最新新闻，推荐新闻等。就可以考虑用id来区分。

还有一点，由于id是页面中唯一的，更多的是定义来留给给页面里面的javascript用。

---

补充：class和id在页面里面的使用方法：

class：
<style type="text/css">
.footer{background:red;}
</style><div class="footer">footer</div>
id：<style type="text/css">
#footer{background:red;}
</style>
<div id="footer">footer</div>

定义class的css是用点：“.”，如.footer
定义id的css是用井号“#”，如#footer