div的class和id的写法及区别介绍

 时间:2026-02-13 15:29:43

1、如下图,打开代码编辑工具subline,我们新建一个html及css文件。

div的class和id的写法及区别介绍

2、在html里输入两个div标签。一个用id来定义,一个用class。

div的class和id的写法及区别介绍

3、再看css,写法上,id对应的css里一般前面加“#”,而class则是“.”,这是两者的一个写法区别。

div的class和id的写法及区别介绍

4、写完之后,我们测试刚写好的代码是否正确。

div的class和id的写法及区别介绍

5、浏览器打开写好的html文件,运行。如下图。没问题。

div的class和id的写法及区别介绍

  • HTML如何画一条分割线
  • 如何在HTML中插入图片
  • html怎么让三张图片并列显示
  • html轮播图怎么制作
  • HTML代码如何去除超链接的下划线
  • 热门搜索
    科学手抄报图片 经典诵读手抄报图片 防新型冠状病毒手抄报 新书推荐手抄报 清明节手抄报设计图 童话手抄报图片大全 书香校园手抄报资料 讲普通话 写规范字手抄报 经典伴我行手抄报 手抄报名字