#区别：
1、.是使用class引用的，多个控件可以同时使用一个class，一个控件上也可以使用多个class，比如：
.tdRed{border:solid
1px
red}
.tdBKBlue{background-color:blue}
<td
class="tdRed"
/>
<td
class="tdRed
tdBKBule"/>
而ID是在一个页面中唯一的，class表示泛性的，id表示个性的，所有的按钮都是一个颜色的，
.normalButton{background-color:blueborder:solid
0px
black}
对于提交按钮会要做的大一点。
2、#submit{width:100pxheight:100px}
按钮就是：
<input
type="button"
id="submit"
class="normalButton"
value="提交"
/>
普通的按钮就是：
<input
type="button"
id="abcdefg"
class="normalButton"
value="普通按钮"
/>
用 # 定义的css 要用 id="home" 来引用用 . 定义的css 要用 class="pop" 来引用
像下面
#home #h3 表示 id为 home的网页元素 里面的 id为 h3的元素
引用
{
padding-top:0
padding-bottom:0
}
样式
<div id="home">
<div id="h3">这个div用 #home #h3 样式</div>
</div>
<div class="pop>
<div id="h2">这个div用 .pop #h2 样式</div>
</div>
<div class="pop>
<div id="h3">这个div用 .pop #h3 样式</div>
</div>
.pop #h2 和 .pop #h3 是一样的
#是ID符，#后面的ID在一个html页面中只能出现一次。.后面是类型符(class)，后面跟的ID可以在一个html页面中出现多次。
例如：
#contenthead
{
color:red
}
.red
{
color:red
}
<html>
<head><title></title>
……
</head>
<body>
<div id="contenthead">……</div>/*这里出现contenthead之后，以后就不成出现了*/
<div class="red">……</div>
<div class="red">……</div>/*这里可以出现无数个class="red"的*/
</body>
</html>
我自己组织语言跟你解释，有不对的地方希望谅解。。
