css中"点"与"井号"的含义&"id"与"class"的区别

jackxiang 2011-12-6 10:54 | |
   看到访问来源中很多都是搜索的数据结构程序,于是乎知道又一批孩子充分利用了搜索引擎为一年一度的课程设计奋斗着,如果各位学弟学妹有幸看到这段话的话,我奉劝大家还是自己多写写程序吧,抄来的终究不是自己的,现在下点功夫会受益终生的。
       下面是和题目有关的内容。

css中"点"与"井号"的含义

       #对应id
       .对应class
       不加对应html标签

Class与ID的区别

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

如:
最后,你也可以为一个指定的HTML元素应用选择符,把HTML选择符放置在前面就可以了,所以, p.jam { whatever }会应用在有类“jam”的段落上。

作者:jackxiang@向东博客 专注WEB应用 构架之美 --- 构架之美,在于尽态极妍 | 应用之美,在于药到病除
地址:http://jackxiang.com/post/4833/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!


最后编辑: jackxiang 编辑于2011-12-6 10:55
评论列表
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]