界面排版基础要点.docxVIP

界面排版两大学习要点：html,cssHTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。 HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。学习资料：/tags/index.asp/css/index.asp2. DOCTYPE是Document Type（文档类型）的简写，在页面中，用来指定页面所使用的XHTML（或者HTML）的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE，XHTML里的标识和CSS才能正常生效。XHTML 1.0中有3种DTD（文档类型定义）声明可以选择：过渡的（Transitional）、严格的（Strict）和框架的（Frameset）。1) 过渡的,一种要求不很严格的DTD，允许在页面中使用HTML4.01的标识（符合xhtml语法标准）。过渡的DTD的写法如下：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd2) 严格的,一种要求严格的DTD，不允许使用任何表现层的标识和属性，例如br/等。严格的DTD的写法如下：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN/TR/xhtml1/DTD/xhtml1-strict.dtd3) 框架的,一种专门针对框架页面所使用的DTD，当页面中含有框架元素时，就要采用这种DTD。框架的DTD的写法如下：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN/TR/xhtml1/DTD/xhtml1-frameset.dtd使用严格的DTD来制作页面，当然是最理想的方式。但是，对于没有深入了解Web标准的网页设计者，比较合适的是使用过渡的DTD。因为这种DTD 还允许使用表现层的标识、元素和属性，比较适合大多数网页制作人员。3. 常用html标记:1) 闭合标记：html、head、title、script、body、div、ul、ol、li、dl、dt、dd、table、thead、tbody、tfoot、colgroup、tr、th、td、span、font、a、select、textarea、form、object、iframe、p、h1 - h62) 非闭合标记：meta、link、input、img、br、hr4. css选择器：1) 标签选择器： 顾名思议，标签选择器是直接将 HTML 标签作为选择器，可以是 p、h1、dl、strong 等 HTML 标签。如： p { font:12px;} em { color:blue;} dl { float:left; margin-top:10px;} 2) id 选择器： 我们通常给页面元素定义 id。例如定义一个层 div id=menubar/div然后在样式表里这样定义： #menubar { margin:0 auto; background:#ccc; color:#c00; } 其中“menubar“是你自己定义的 id 名称。注意在前面加“#“号。 id 选 择 器 也 同 样 支 持 后 代 选 择 器 ， 例 如 ： #menubar p { text-align:center; line-height:20px;; } 这个方法主要用来定义层和那些比较复杂，有多个“唯一后代”的 元素。3) 类（class）选择器： 在 CSS 里用一个点开头表示类别选择器定义，例如： .da1 { color:#f60; font-size:14px ; } 在页面中，用 class=“类别名“的方法调用： span class=da114px