首页 > 软件开发 > HTML >

如何对比css的class和IDs

来源:互联网 2023-03-16 19:13:17 202

如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    首先我们准备一个html文件,把内容都填写好。z0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

  • 2

    然后我们在h1后面加上class,css文件相应也要加上这个样式。然后就可以得到这个样式了。z0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

  • 3

    那么同一个class我们是可以应用到多个地方的。z0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

  • 4

    而一个class里面又可以设置多个样式。z0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

  • 4此文章未经授权抓取自百度经验
  • 5

    id的用法类似,但是略有不同,要以#为开头。z0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

  • 6

    但是IDs不能一次性写入多个样式。z0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

    如何对比css的class和IDsz0M办公区 - 实用经验教程分享!

  • 注意事项

    • ID是唯一的,class可以是多个的

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!z0M办公区 - 实用经验教程分享!


    标签: CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码