Opera Web标准课程学习笔记

2009 11 20 02:02 AM 2276次查看

分类：HTML 标签：CSS, HTML

昨天一不留神就到了Opera的网站，发现了《Opera Web标准课程》。写得不错，有不少知识我不知道，所以记录一些笔记。

  1. 亮色（tint）、灰色调（tone）和暗色（shade）；三色方案、四色方案。
  2. 衬线字体（Serif）、无衬线字体（sans-serif）、手写或草写字体（Script or Cursive）、特殊字体，包括等宽字体（Specialty, including monospace）
  3. 操作系统一般都有的字体：Andale Mono、Times New Roman、Georgia、Verdana、Arial/Arial Black、Courier/Courier New、Trebuchet MS、Comic Sans、Impac。
  4. 不要在XHTML文档前加上XML声明，因为IE 6在处理XML声明时有一个问题，即会用“怪异模式”来显示使用了XML声明的Web文档。
  5. XHTML的标签主要用于表现语义，而展现形式要交给CSS处理，这也是font、b、s、strike、u、tt、big、small、br等表现性元素不被赞成使用的原因。
  6. 一个blockquote元素不能包含文本，而是必须在其中有另外一个块级元素。如果引用的内容来自另一个网页，你可以使用cite属性，来指明引用的内容是来自另一个网页。
  7. 任何预格式化的文本和其中的空白字符需要按原样保留的文本都应当使用pre元素而被标记。
  8. q元素可以用于标记正常句子或段落之中的简短引用，包含一个cite属性，用于指明引用的内容来自互联网上的哪个网页。
  9. em元素用于表示强调，strong则是进一步强调，i元素用于表示与一般文本不同。
  10. 有序列表（ol元素）可以用start元素来设置起始编号。但这个属性在XHTML 1.0和HTML 4的Strict模式下都是不赞成使用的属性，Transitional模式和HTML 5可用。
  11. 定义列表（dl、dt、dd元素）是用于定义术语的，其余目的要使用无序或有序列表。dt和dd可以一对一、一对多、多对一或多对多地搭配。
  12. 图像（img元素）除了使用title来提供描述外，还可以用longdesc来提供更长篇幅的描述。不过这个属性只对一些辅助设备有效，一般的浏览器不识别。
  13. 表格中可使用caption元素来作标题，th元素表示表头单元格。thead、tbody和tfoot分别定义表格的表头、表体和表脚，tfoot要在tbody前。
  14. colspan和rowspan属性表示跨列和跨行的表格单元格。th元素的scope属性可用于定义一列或一行的标题。
  15. address元素表示该网页或其主要部分的作者或作者们的联系信息。可采用的形式包括姓名、电子邮件地址、邮政地址，或指向另一个包含更多联系信息的页面的链接。
  16. code元素用于指明计算机代码或编程语言。
  17. kbd和samp用于指明与某个计算机程序进行输入和输出的交互。
  18. var元素用于标示文本内容中的变量，包括代数数学表达式或程序代码中的变量。
  19. cite元素用于标示其邻近页面内容的来源——当需要引用某个人、某本书或其它出版物，或笼统地向人们提及另一个来源，该来源应该被包裹在cite元素中。
  20. abbr（缩略语）和acronym（首字母缩写词）元素用于指明哪些词语是缩略语，而缩略语的全称则放在title属性中。但IE 7及其更早的版本并未像其它浏览器一样为缩略语提供点状下划线，且不认abbr元素，而只认acronym元素。而HTML 5舍弃了acronym，只用abbr。（也许用jQuery来针对IE浏览器替换acronym比较好。）
  21. ins和del元素分别表示插入和删除。如果同时存在，先del再ins。如果文档改动的原因在该页面上或网上其它地方已有指明，就应该在cite属性中链接到那个文档或片段。还可以使用datetime属性指明改动发生的时间。该属性的值必须是一个符合ISO标准的时间戳，格式一般为 “YYYY-MM-DD HH:MM:SS ±HH:MM”。
  22. :link、:visited、:focus、:hover和:active这几个伪类要按顺序写，避免样式覆盖。
  23. :lang伪类可以用于选择特定lang属性的元素。
  24. :before和:after伪元素可以用于插入内容。
  25. inherit关键字可以强制继承父元素的样式，但IE 7及以下版本不支持。
  26. margin、width、height和float属性不能用于inline元素，但img和object除外。
  27. margin和padding还可以翻译成边距和填充距。
  28. h1～h6是block元素。
  29. 只有将float值应用于带有显式width的块元素时，它才起作用。
  30. 背景图像的attachment属性可以设置图像随内容滚动，或固定在显示屏幕上。有效值包括scroll、fixed和inherit。
  31. list-style-position: inside可以使多行列表项的文本占据列表标记符号的下方位置。
  32. 使用嵌套列表时，子列表项会从其上级列表项继承margin值，除了它们自己的缩进值之外，还会在顶端另加上上级列表项的缩进。
  33. 水平列表需要清空ul的margin和padding，将li设为inline或float。
  34. 链接图标可以设置靠右的背景图片，并给出右填充距来实现。
  35. 样式表可以用JavaScript动态插入和删除，除了获取style标签，还可以用document.styleSheets。此外，stylesheet对象还有insertRule(rule,index)和deleteRule(index)这2个方法（IE分别是addRule(selector, rule, index)和removeRule）。

0条评论 你不来一发么↓

    想说点什么呢？