#区别:
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="普通按钮"
/>
.(类名)#(ID名)例:<divid="asd"></div><divclass="qwe"></div>#asd{/*这是选取了id为asd的div*/}.qwe{/*这是选取了class类为qwe的div*/}class可以有多个同名ID是唯一的!在CSS中ID的优先级是比CLASS高的在选择器里
#开头的表示的id选择器
.开头的表示的是类名选择器
类名选择器的优先级要低于id选择器
但是通常我们不使用id选择器,id通常是为JS而预留的
<style>.con {
color: #39f
}
#con {
background-color: #f00
}
</style>
<div class="con">HTML5 学堂</div>
<div id="con">原创技术文章</div>
类名与标签的class属性对应
id名与标签的id属性对应