DIV+CSS中ID与Class

时间:2022-11-25 19:28:55

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

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

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

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

DIV+CSS中ID与ClassDIV+CSS中ID与Class
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