class和id的区别如何使用

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