DIVCSS的class和id的区别
网页中,常见的是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 —————–用于底部