[Web技术应用基础.pptVIP

第2篇 Web客户端程序设计基础 第5章 CSS 5.1 XML XML的产生 HTML遇到一些瓶颈问题，促使可扩展性标记语言XML（eXtendable Markup Language）的诞生。1996年7月XML工作小组在W3C（World　Wide Web Consortium）的赞助下成立，于1998.1.10正式通过XML1.0规范。由于XML具有可扩展性、结构性、自我描述性的特点，并采用数据和样式分离原则，使其在数据的管理、交换上拥有极为卓越的性能。 XML与HTML的比较 XML的开发并不是取代HTML的，而是弥补其不足的。具体有以下差异： 1.XML文件可以自定义标记和属性，HTML则不能。 2.XML是属于一般用途的标记语言，而HTML则是一种特殊用途的标记语言。 3.XML着重于文件的结构，而HTML则擅长于文件的表现。 4.XML文件可以有选择地利用DTD或XML纲要（XML Schema）来确认文件的有效性，HTML则不可以。 XML文档的类型 两种类型： 良构的XML文档 有效的XML文档 良构的XML文档必须符合以下规则 所有的XML文档都要有一个包含所有其他元素的根元素 所有的元素必须有开始标记和结束标记 标记必须正确嵌套，不能交叉 大小写敏感 空白不能随便放置 所有的属性值必须用引号（英文状态的半角字符）括起来 更详细的规则，可参考W3C网站或相关书籍 有效的XML文档 有效的XML文档是遵照XML语法规则和文档类型定义（DTD)规则构造的一种文档。 DTD（Document Type Definition）是一段关于该文档中数据的组织存放结构的说明。 定义了某项数据应该在哪出现 规定了各种数据项之间的关系 XML文档的浏览 在浏览器中直接浏览 如良构的XML文档 运用CSS技术显示XML文档 文档中引用的css文件mycss.css name {background-color:#cccc99;font-size:22pt;width:100%;} sex {font-family:Arial;font-size:16pt;color:blue;} birthday {font-family:Arial;font-size:16pt;color:red;} skill {font-family:Arial;font-size:14pt;color:green;} 过程与步骤： 1.通过依次单击任务栏上的【开始】→【程序】→【附件】→【记事本】菜单命令打开记事本。 2．在记事本的编辑面板中输入以下代码，创建了使用样式的页面css1.htm： html head title样式表举例/title style type=text/css !-- h1{ font-size: 36px; font-family: 隶书; font-weight: bold; color: #993366; } -- /style /head body p style=color:#ff0000这段文字将显示为红色/p p style=color:#000000; background-color:yellow;这段文字的背景色为I黄色/I/p p style= font-family: 华文彩云; font-size:24px这段文字将以黑体显示/p ph1 align=center今天学习样式表的相关知识。/h1/p /body /html 什么是CSS CSS(Cascading Style Sheet,层叠样式表)技术上一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式。 特点： 可以实现网页结构与格式分离； 对网页布局、字体、背景和其它图文效果实现更加精确的控制； 更好的易用性和扩展性，可以单独以一个文件的形式出现。 CSS样式语法规则 选择符{规则} 例如：h1{{color:blue;} 选择符（selector）：表示要定义样式的类型，选择符可以包括HTML标签符、用户自主义类class或用户自定义ID。 规则（rule）：“属性(attributes)”表示由CSS标准定义的样式属性，“属性值(values)”为样式属性的值。 CSS样式语法规则 关于样式表的语法，要注意以下几个问题。 属性必须要包含在{}号之中。 属性和属性值之间用“:”分隔。 当有多个属性时，用“;”进行区分。 在书写属性时属性之间使用空格换行等，并不影响属性的显示。 如果一个属性有几个值，则每个属性值之间用空格分隔开。