当前位置:  编程技术>WEB前端

div+css中Class与ID的区别

    来源: 互联网  发布时间:2014-09-06

    本文导语:  一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo"...

一个Class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个Class可以定义剧本中每个人物的故事线,你可以通过CSS,Javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ,class="Gandalf",class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的Class。 
   
至于ID,通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很少会出现大于一次的情况。 
   
归纳成一句话就是:Class可以反复使用而ID在一个页面中仅能被使用一次。有可能在很大部分浏览器中反复使用同一个ID不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。(刚才在Dreamweaver中试了一下,确实,并没有出错) 
   
在实际应用的时候,Class可能对文字的排版等比较有用,而ID则对宏观布局和设计放置各种元素较有用。

    
 
 

您可能感兴趣的文章:

  • 在div中使用css让文字底部对齐的方法
  • DIV+CSS不一定符合标准
  • DIV+CSS 英文命名规范
  • div+css与xhtml+css分别是什么意思?
  • div+css如何实现页脚的置底
  • CSS顶级技巧大放送,div+css布局必知
  • CSS技巧DIV为空时占据空间的解决办法
  • CSS Div 最小高度在IE 6 和IE 7中的兼容性问题
  • 常用的DIV+CSS的基本框架结构但不推荐都放一个div里
  • div+css在思路和流程上实现结构与表现的分离分析
  • 研究了一下div+css的高度自适应问题
  • DIV CSS网页布局 最小高度(min-height)的妙用
  • DIV+CSS布局中不推荐使用的标签集合Dont Use These Tags
  • div+css布局必须要知道的css条件注释理论及实践第1/2页
  • 非常漂亮的Div+CSS布局入门教程第1/5页
  • div+CSS网页布局的意义与副作用原因小结第1/2页
  • DIV+CSS布局教程大全与pdf电子书 下载
  • div+css模拟表格效果代码
  • CSS中div、span和center元素
  • 用div+css解决出现水平滚动条问题
  • div+css布局必了解的列表元素ul ol li dl dt dd详解
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript实现DIV居中,兼容各浏览器版本
  • 如何动态修改层(<div ....> </div>)的显示与否?
  • java命名空间javax.swing.text.html类html.tag的类成员方法: div定义及介绍
  • 父div高度不能自适应子div高度的解决方案
  • java命名空间javax.management类query的类成员方法: div定义及介绍
  • 难!!!在jsp文件的java代码片段中控制该网页上DIV的属性以达到隐藏或显示某div的目的???
  • java命名空间javax.imageio.plugins.jpeg类jpegqtable的类成员方法: k1div2luminance定义及介绍
  • jQuery拖动div、移动div与弹出层实例
  • java命名空间javax.imageio.plugins.jpeg类jpegqtable的类成员方法: k2div2chrominance定义及介绍
  • jQuery拖动div、移动div、弹出层实现原理及示例
  • 基于DIV+ul+li实现的表格(多示例)
  • Jquery在指定DIV加载HTML示例代码
  • HTML 区块元素:<DIV>和 <SPAN>各自的定义与区别详细介绍
  • jquery 页面滚动到指定DIV的代码
  • HTML <div> 标签
  • 巧用jquery解决下拉菜单被Div遮挡的相关问题
  • jquery 实现弹出div位于屏幕正中(图文)
  • 解决 select 挡住div的解决方法
  • 让超出DIV宽度范围的文字自动显示省略号...
  • 解决div被flash挡住的设置方法
  • html小技巧之td,div标签里内容不换行


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3