css设置id怎么用

html-css027

css设置id怎么用,第1张

如果你说的事ID选择器的话,例子如下

<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则可以出现多个

希望对你有所帮助。