XML第六章CSS.pptVIP

对外经济贸易大学信息学院 6.1 层叠样式表（CSS） 6.1.1 CSS介绍 什么是CSS Cascading Style Sheets，层叠样式表 CSS的好处 显示样式与数据内容分离，便于修改样式或数据、可共享以统一。 版本： CSS1、CSS2 W3C制定的两个版本。 CSS与XML文件相结合的两种方式 SAXON是什么？ Saxon 程序包是处理XML文档的工具集。主要的组成有： XSLT 2.0处理器 XPath 2.0处理器 XQuery 1.0处理器 XML Schema 1.0处理器 *6.1.2 CSS可以分别与XML和XHTML结合 6.1.2 CSS的使用 1 基本语法 选择符 {属性名1:属性值1;…属性名n:属性值n} 选择符一般是: 标记名称：如h1、h2、…p等 类名称：英文句点开始，以英文字符命名，如.abc 扩展：filter CSS语句样例： p {font-size:40pt; font-family:隶书;color:green} CSS中的注释 /*这是CSS中的注释*/ 6.1.2 CSS的使用 CSS文件以css为扩展名 CSS的应用分： 内嵌 外联 内嵌、外联组合 6.1.3 XML文件直接使用CSS 在XML文档中直接使用CSS：链接一个CSS样式表到XML文档。 CSS样式单内嵌在HTML中 html head style type=text/css !-- p {font-size:12pt; line-height:48pt} p:first-letter{font-size:400%; float:left} -- /style /head body…/body /html HTML-CSS样式单外部连接 外部CSS的引用：在HTML的head标签之间插入下列语句： Html HEAD link href=new.css rel=stylesheet type=text/css /HEAD body…/body /Html CSS样式单与XML的连接 ?xml-stylesheet type=“text/css” href=“url”? 其处理指令中 type 样式单类型: text/css； href 指明具体的URL。 6.2 设置字体属性 6.2.1 font 属性集 font 的分类 Font 属性的用法 元素名 {font-family:”宋体”,… font-size:”20pt”, font-style:italic;} 6.3 设置色彩和背景图像属性 6.3.1 定义前景色 color 属性(见表6-7) 可用十进制RGB、十六进制RGB、 RGB百分数表示； 6.3.2 定义背景色 Background-color Background-image CSS中定义背景图片 XML根元素名 {display:block; background-image:url(lspbh.jpg); background-repeat:no-repeat } 也可以为某个元素定义背景图片，只要将根元素名 换成相应的元素名即可。 CSS样式单的使用 图片的设置：嵌入图片文件的位置。 HTML img src=“url” align=“left|cent|right” body bgcoloc=“silver” body background=“bg.jpg” XML image/ 在CSS中定义: image {display:block; background-image:url(lspbh.jpg); position:absolute; left:40; top:30; padding:500 900 10 10; background-repeat:no-repeat} CSS样式单的应用 图片格式选择 建议使用的图片格式 *.jpg *.jpeg *.gif 避免使用的图片格式 *.bmp CSS样式单的应用 图片的处理：嵌入图片文件的位置。 HTML img src=“url” align=“left|cent|right” body background=“bg.jpg” XML image/通过image元素导入 CSS样式单中定义背景图片 XML根元素名 { display:block; background-image:url(lspbh.jpg); background-repeat:no-repeat } 也可以为某个元素定义背景图片，只要将根元素名 换成相应的元素名即可