CSS网页设计制作(配合李炎恢 css 视频教程).doc

第12 章XML 与XHTML 12.1 什么是XML XML 中文翻译为可扩展标记语言,顾名思义,它比HTML 的优势: 1.延伸性 2.简单易懂 12.2 XML的基本格式 ?xml version=1.0 encoding=gb2312? 我的家人 爸爸 姓名张三/姓名 年龄58/年龄 男/ /爸爸 妈妈 姓名张晓三/姓名 年龄57/年龄 女/ /妈妈 /我的家人 12.3 XML的定义文档 ?xml version=1.0 encoding=gb2312? !DOCTYPE 中华人民共和国[ !ELEMENT 中华人民共和国公民(公民*) !ELEMENT 公民(身份证号,姓名,籍贯) !ELEMENT 身份证号(#PCDATA) !ELEMENT 姓名(#PCDATA) !ELEMENT 籍贯(#PCDATA) ] 中华人民共和国 公民 身份证身份证号 姓名张三/姓名 籍贯北京/籍贯 /公民 公民 身份证身份证号 姓名李四/姓名 籍贯上海/籍贯 /公民 /中华人民共和国 12.4HTML4.01 的文档定义 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd 12.5 XHTML1.0 的文档定义 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml HTML 与XHTML 都有三种标准风格：第一种称为过度型(transitional)，它允许使用废 弃标记。第二种称为严格型(strict)，他禁止使用任何废弃的标记。第三种是框架型(frameset)， 它允许使用废弃的标记和框架。 12.6 XHTML1.0 风格标记的改变 1.所有单标记都必须关闭：br /、hr /、option /等 2.所有的单属性必须等于自身：checked=checked、readonly=readonly等 3.尽可能不使用废弃标记：center、font等 第13 章CSS 入门基础 13.1 认识CSS CSS 的英文全名是Cascading Style Sheets,中文可翻译为串接式排版样式,并且CSS2 规范 也于1998 年02 月通过W3C 的审核与推荐,所以CSS 并不是专为XHTML 所设计的,CSS 还 可以被其他标记语言拿来制作排版样本,如HTML,XML 文件都可以应用CSS,来美化网页的 设计,大家如果学会CSS,在HTML,XHTML,XML 文件中都可以使用. 13.2 传统HTML设计网页版面的缺点 使用传统HTML控制标记来设计网页,在先天上就无法与排版样本来做比较,因为HTML 并非完全着眼在网页排版的功能上,而这对XHTML 而言更是如此,因为XHTML 有意将原先 HTML 中有关网页版面的标记或属性遗弃不用,如font,center,color,background,bgcolor 等 等,所以对XHTML 文件而言,其排版与显示的功能比HTML 文件更弱,所以使用XHTML 来 设计网页更需要搭配CSS 排版样本. 13.3 CSS的特点 HTML 排版时的缺点: 设置麻烦,修改麻烦,功能严重不足. CSS 样式排版的优点: 排版属性功能完整,排版文件可以独立存在,可以共用排版文件 CSS 样式排版的分类: 内行排版样式,,内嵌式排版样式,,链接式排版 13.4 CSS的排版样式 行内排版样式: 格式:标记名称style=”属性1:属性值1;属性2:属性值2”…/标记名称 例:p style= ”font-size:20pt;color:red;text-align:center”排版样式/p 排版专用标记:div与span 这两个标签都是用来设置涵盖一个区块为主.区块就是表示一行以上的数据.如果 没有一样,则span 与/span该数据显示前后都不会跳行. 内嵌式排版样本: 内嵌式排版中所有的样式定义都必须在style../style 之间,而 style../style又必须在head../head之间. 与其功能,又可以分为三种, 1. 标记定义型 2. class 定义型 3. id 定义型 标记定义型格式: head style type=”text/css” 标记名称{属性1:属性值1;属性2:属性值2;} 标记名称{属性1:属性值2;属性2:属性值2;} /style /head body 标记名称…/标记名称 /body class 定义型格式