返回首页

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

时间:2011-12-14 22:23来源:知行网www.zhixing123.cn 编辑:麦田守望者

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

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则对宏观布局和设计放置各种元素较有用。
  

如:
1.td {
2. border-color: -moz-use-text-color #B3CBDF #B3CBDF #B3CBDF;
3. border-style: none solid solid solid;
4. border-width: medium 1pt 1pt 1pt;
5. height: 16.5pt;
6. overflow: auto;
7. padding: 3pt 3.75pt;
8. word-wrap: break-word;
9.}
10.tr {
11. height: 16.5pt;
12.}
13.span {
14. color: black;
15. font-family: '微软雅黑','sans-serif';
16. font-size: 10pt;
17.}
18.#spanID{
19. color: black;
20. font-family: '微软雅黑','sans-serif';
21. font-size: 12pt;
22.}
23.
24.#spanClass{
25. color: black;
26. font-family: '微软雅黑','sans-serif';
27. font-size: 15pt;
28.}

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

------分隔线----------------------------
标签(Tag):css css技巧 CSS基础教程 css龙8国际平台入口 css源代码
------分隔线----------------------------
推荐内容
  • css代码flex的布局使用详解

    flex布局的含义 flex布局又名为弹性布局,主要是通过设置的属性值自动调整元素的宽度...

  • html版权符号代码怎么写?

    相信不少开发人员都会遇见这个问题,基本上每个网站都会有版权声明,其中会用到版权符...

  • 网站打不开dns错误如何解决

    DNS解析就是把你的域名解析成一个ip地址,服务商提供的dns解析就是能够将你的域名解析...

  • HTTP状态码的含义图解教程

    HTTP状态码(HTTP Status Code)是用以表示网页服务器HTTP响应状态的3位数字代码。我...

  • 如何得知golang代码覆盖率

    以前写程序时,很少关注单元测试。 即便写,也是草草了事。没有很认真的写过,更别谈...

  • 谈谈网站建设中网站导航设计的经验技巧

    当用户进入网站时,根据浏览习惯首先会先大概地扫视一遍进入的目标页面,其次则会开始...

  • 猜你感兴趣
  • 教育技术学动态
  • 教育技术学论文
  • 理论研究
  • 应用研究
  • 资源收藏
  • 百家观点
  • 英文文献
  • 中国电化教育
  • 电化教育研究
  • 中国远程教育
  • 开放教育研究
  • 现代教育技术
  • 远程教育杂志
  • 现代远距离教育
  • 中国教育信息化
  • 中国信息技术教育
  • 中小学信息技术
  • Flash龙8国际平台入口
  • Photoshop龙8国际平台入口
  • 3DMAX龙8国际平台入口
  • AutoCAD龙8国际平台入口
  • CorelDRAW龙8国际平台入口
  • Matlab龙8国际平台入口
  • 其他龙8国际平台入口
  • .Net龙8国际平台入口
  • Asp龙8国际平台入口
  • Php龙8国际平台入口
  • Jsp龙8国际平台入口
  • Ajax龙8国际平台入口
  • Android教程
  • 其他龙8国际平台入口
  • Word教程
  • Excel教程
  • PowerPoint教程
  • Ubuntu教程
  • 其他教程
  • 课件下载
  • 软件下载
  • 视频教程下载
  • 其他下载
  • 教案大全
  • 试题大全
  • 课件大全
  • 其他大全
  • 人像摄影
  • 风光摄影