CSS 的 ID 和 Class 有什么区别?如何正确使用它们?

html-css09

CSS 的 ID 和 Class 有什么区别?如何正确使用它们?,第1张

这两个是css里面的两个选择器, 对应于页面上的元素的属性id 和class ,也就是css通过id和class来找到页面上匹配的id或class对应的元素,加载样式。 如果是用id来选择,css就是用#id的写法。 如果是用class选择,css就是 .class写法

ID 和 Class的区别和使用:

1.ID是页面中唯一的,而class可以多个,(如下图),1位置引号中只有2个,css5和css5_class,而2位置引号中就只能有一个 css5_id

2.ID要设置样式时用“#”号定义,而class用“.” 号定义。

3.ID的优先级大于class

比如说在同一个标签中,id样式中定义了文字颜色为红色,class文字颜色为绿色。结果显示是id的红色。(如下图)

id选择器在html标签中添加一个id属性,这个属性的值要按照命名的规则来书写:不能数字开头,尽量不使用中文,不要使用下划线中划线之外的符号,不要使用系统的保留字,尽量做到见名知意,id的命名只能出现一次,每个标签只能设置一个id。然后在css中使用 #id名{} 的形式来进行定义即可,相关使用方法,我看过一节最好的课。是黑马程序员的公开课。我记得是在黑马视频库里面找的,有关课件的话还有安装包什么的。可以网页对话框领取一下的。