#区别:
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文件,查看实现的效果。
# 是 CSS 样式选择符,对应 id 属性,由于 id 在相同页面是唯一的,所以 # 用于特定样式. 是 CSS 类,对应 class 属性,用于指定多个相同样式
id 和 class 可以联合使用