麦田的博客

DIVCSS的class和id的区别

2020-02-01


网页中,我最厂家的是div class,有时也有div id,这两者有什么区别呢?

<div class="wrap">,对应的是.wrap
<div id="wrap">,对应的是#wrap

1、使用范围不同

CLASS属性允许向一组在CLASS属性上具有相同值的元素应用声明。BODY内的所有元素都有CLASS属性。

ID属性的操作类似于CLASS属性,ID属性的值在整篇文档中必须是唯一的。

一般来说,class的样式可能会影响到别的div;如果不想影响其他div,是唯一性的就使用id!

2、表示方法不同

CLASS类选择器以标志符 . 开头,用于指示后面是哪种类型的选择器。对于类选择器,之所以选择英文句点是因为在很多编程语言中它与术语“类”相关联。翻译成英语,标志符表示“带有类名的元素”。

ID选择器的标志符是散列符号 # ,标志符用来提醒浏览器接下来出现的是ID值。

3、DIV+CSS规范命名大全集合

外套 wrap ——————用于最外层

头部 header —————-用于头部

主要内容 main ————用于主体内容(中部)

左侧 main-left ————-左侧布局

右侧 main-right ———–右侧布局

导航条 nav —————–网页菜单导航条

内容 content —————用于网页中部主体

底部 footer —————–用于底部


相关内容

  • 手机网页设置点按或滑动整屏翻页
  • WordPress不加载自定义js和css文件
  • css字体大小单位介绍和转换对照表
  • 阅读指南
  • 分割线样式参考
  • 常用的6种英文字体
  • CSS常见问题
  • CSS问题之底部按钮遮挡内容怎么办
  • 手机网页点击拨打电话的代码
  • css文字自动换行
  • 标签

    csshtml前端网页