<HTML>
<head></head>
<style>
# d1{
width:100px
height:100px
background:pink
}
</style>
<body>
<div id=" d1">
</div>
</body>
</HTML>
id选择器在一个页面中只能有一个,能通过ID选择器为不同的元素进行样式的更改。在body页面里为需要的元素进行命名,再在style里通过ID名进行样式修改
id选择器在html标签中添加一个id属性,这个属性的值要按照命名的规则来书写:不能数字开头,尽量不使用中文,不要使用下划线中划线之外的符号,不要使用系统的保留字,尽量做到见名知意,id的命名只能出现一次,每个标签只能设置一个id。然后在css中使用 #id名{} 的形式来进行定义即可,相关使用方法,我看过一节最好的课。是黑马程序员的公开课。我记得是在黑马视频库里面找的,有关课件的话还有安装包什么的。可以网页对话框领取一下的。个人总结的一些区别:
在css中,ID的前缀用"#",Class的前缀用"."
同一个标签,只能有一个ID,但可以有多个Class(如:div id="div1" class="div1 div2 div3",表示该div的ID为div1,Class分别为div1、div2、div3三个)
优先级:同时定义一个标签的ID和Class的css,ID所定义的css优先于Class(如:#div{font-size:14px} .div{font-size:12px};则它的字体大小是14px)
在同一个页面,ID只能出现一个,Class则可以出现多个
希望对你有所帮助。