#区别:
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选择器
.开头的表示的是类名选择器
类名选择器的优先级要低于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属性对应
1.对于ID作用,样式的写法为
#div
(#号开头):当一个内容或标签被赋予此ID后,自动套用此样式。
2.
对于标签起作用,样式写法类似
table
(直接用标签来作为样式名):所有此标签自动套用,一般定义一些全局性的样式,比如字号,颜色等。
3.
必须引用才能起作用,样式写法类似
.table01
(样式名前加点,样式名可以随意定义):这个必须在页面中用
class="table01"
这样的语法引用才能起作用。
www.xawzjs.net
有许多网站建设知识,希望可以帮助到新手小伙伴