<HTML>
<head></head>
<style>
# d1{
width:100px
height:100px
background:pink
}
</style>
<body>
<div id=" d1">
</div>
</body>
</HTML>
id选择器在一个页面中只能有一个，能通过ID选择器为不同的元素进行样式的更改。在body页面里为需要的元素进行命名，再在style里通过ID名进行样式修改
class可以在页面里面重复使用，\x0d\x0aid由于在页面里面只能出现一次，所以不能重复使用，\x0d\x0a所以尽量用class来写，这样能在页面里面重复引用你写的css，减小工作量和代码量。\x0d\x0a\x0d\x0a这种情况尽量用id：页面大的模块里面，用id来区分不同的模块。\x0d\x0a比如页面里面有这样的模块：最新新闻，推荐新闻等。就可以考虑用id来区分。\x0d\x0a\x0d\x0a还有一点，由于id是页面中唯一的，更多的是定义来留给给页面里面的javascript用。\x0d\x0a\x0d\x0a补充：class和id在页面里面的使用方法： \x0d\x0aclass：\x0d\x0a\x0d\x0a.footer{background:red}\x0d\x0a footer\x0d\x0aid： \x0d\x0a#footer{background:red}\x0d\x0a\x0d\x0afooter\x0d\x0a\x0d\x0a定义class的css是用点：“.”，如.footer\x0d\x0a定义id的css是用井号“#”，如#footer\x0d\x0a\x0d\x0a//让div居中对齐\x0d\x0a\x0d\x0a让div内的内容（包括文字及图片）居中的代码是： text-align:center\x0d\x0a\x0d\x0a \x0d\x0a刚刚入门，要记住。\x0d\x0a\x0d\x0a.align-center{\x0d\x0a margin:0 auto /* 居中 这个是必须的，，其它的属性非必须 */ \x0d\x0a width:500px/* 给个宽度 顶到浏览器的两边就看不出居中效果了 */ \x0d\x0a background:red /* 背景色 */ \x0d\x0a text-align:center /* 文字等内容居中 */ \x0d\x0a}\x0d\x0a后面添加你想定义的名字，例如页面分成三部分：头，中，脚。则可分别定义head,middle,foot.这样页面中的大体是这样写的，你应该看看就懂了~！\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a#head{width:1000pxheight:20pxbackground-color:red}\x0d\x0a#middle{width:1000pxheight:400px}\x0d\x0a#foot{width:1000pxheight:200pxbackground-color:green}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a上述代码大体的意思就是使用id获取元素，并对其进行样式的设定。希望采纳，手打不易啊
