CSS教程 ID选择器和类选择器的区别

 时间:2024-10-25 07:43:14

1、新建一个 IDClass.html 文件,如图所示

CSS教程 ID选择器和类选择器的区别

2、输入 <!DOCTYPE html> 作用:使用html5的标准,如图所示:

CSS教程 ID选择器和类选择器的区别

3、输入网页结构的头部和主体,设置title为:ID选择器和类选择器的区别,如图所示:

CSS教程 ID选择器和类选择器的区别

4、定义五个 div 标签,分别包含不同的文本,如图所示:

CSS教程 ID选择器和类选择器的区别

5、给前两个 div 添加相同的id,代码报错,说明id选择器是唯一的,不能重复使用,如图所示:

CSS教程 ID选择器和类选择器的区别

6、给猴三个添加相同的类,代码没有报错,说明类可以多次重复使用,如图所示:

CSS教程 ID选择器和类选择器的区别
  • 孩子脐带绕颈的心得以及我的处理方式
  • eclipse怎么改变代码背景颜色
  • 江苏省-仪征市旅游景点
  • windows高级教程——cmd命令
  • 喷浆机的日常保养
  • 热门搜索
    网游之悠闲生活 bd是什么职位 如何治疗扁平疣 如何快速美白 400电话如何办理 如何改微信号 脸上毛孔变大怎么办 朝鲜人的生活 我的世界火炉怎么做 pvc是什么材质