XHTML 下css+div 布局总结.docVIP

XHTML 下css+div 布局总结 华迪教育 华迪信息 xml(extensible Markup Language)的出现，结构化文档和数据有了一个通用的、科适应的格式，不仅仅应用在 web 上，也可 以应用在任何地方。标准称为可能。 XHTML 是 The Extensible HyperText Markup Language 可扩展标识语言的缩写。在 HTML4.0 的基础上，用 XML 的规则对其进 行扩展，得到了 XHTML。它实现 HTML 向 XML 的过渡。 CSS 是Cascading Style Sheets 层叠样式表的缩写。纯 CSS 布局与结构式 XHTML 相结合能帮助设计师分离外观与结构，使站 点的访问及维护更加容易。 1)为页面添加正确的 DOCTYPE DOCTYPE 是 document type 的简写。主要用来说明你用的 XHTML 或者 HTML 是什么版本。浏览器根据你 DOCTYPE 定义的 DTD(文档类型定义)来解释页面代码。 XHTML1.0 提供了三种 DOCTYPE 可选择： (1)过渡型（Transitional ）--使用非常普遍。 !DOCTYPE html PUBLIC - Transitional//EN (2)严格型（Strict ） !DOCTYPE html PUBLIC - Stric -strict.dtd (3)框架型（Frameset ） !DOCTYPE html PUBLIC - Framese 2)设定一个名字空间（Namespace） 直接在 DOCTYPE 声明后面添加如下代码： html XMLns= 一个 namespace 是收集元素类型和属性名字的一个详细的 DTD，namespace 声明允许你通过一个在线地址指向来识别你的 namespace。只要照样输入代码就可以。 3)声明你的编码语言 为了被浏览器正确解释和通过标识校验，所有的 XHTML 文档都必须声明它们所使用的编码语言。代码如下： meta alt=logo.gif 正确的写法： img src=logo.gif alt=互动力工作室标志，点击返回首页 6)给所有属性值加引号 在 HTML 中，你可以不需要给属性值加引号，但是在 XHTML 中，它们必须被加引号。还必须用空格分开属性。 例：hr width=75%size=7/ 这也是不正确的 7)关闭所有的标签 在 XHTML 中，每一个打开的标签都必须关闭。空标签也要关闭，在标签尾部使用一个正斜杠 /来关闭它们自己。例如： br / 8)收藏夹小图标 例如：首先制作一个 16x16 的 icon 图标，命名为 favicon.ico，放在根目录下。然后将下面的代码嵌入 head 区： link rel=icon href=/favicon.ico type=image/x-icon / link rel=shortcut icon href=/favicon.ico type=image/x-icon / 9)用 CSS 定义元素外观 用 css 布局的一个好处是可以批量对页面进行修改，它能将文档结构和表现层分离开来，减轻工作量和服务器的负荷，增 加站点的扩展能力和应用。 css 是不区别空格和大小写的，下面是一些基础的归纳 (1)颜色值 颜色值可以用 RGB 值写，例如：color : rgb(255,0,0)，也可以用十六进制写，就象上面例子 color:#FF0000。如果十 六进制值是成对重复的可以简写，效果一样。例如:#FF0000 可以写成#F00。但如果不重复就不可以简写，例如#FC1A1B 必须 写满六位。 (2)定义字体 web 标准推荐如下字体定义方法： body { font-family : Lucida Grande, Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; } 字体按照所列出的顺序选用。如果用户的计算机含有 Lucida Grande 字体，文档将被指定为 Lucida Grande。没有的话， 就被指定为 Verdana 字体，如果也没有 Verdana，就指定为 Lucida字体，依此类推，； Lucida Grande 字体适合 Mac OS X； Verdana 字体适合所有的 Win