#区别:
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="普通按钮"
/>
class可以有多个同名,ID是唯一的,在CSS中ID的优先级是比CLASS高的。操作方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签创建三个模块,同时分别设置它们的id为aa,bb,cc。
3、在test.html文件内,在css标签内,设置div的为绝对定位,宽度和高度都为200px。
4、在test.html文件内,在css标签内,设置类名aa的样式,距离页面顶部为0px,距离页面左边为0px,背景颜色为红色,z-index为1。
5、最后在浏览器打开test.html文件,查看实现的效果。
#一次性,不可引用多次. 可多次性
一般设定总体框架可以用#
其他反复引用的就class
<content id="content">
<div class="abc" ></div>
<div class="abc"></div>
</content>
类似这样吧!