xml实例教程4.pptVIP

第四讲 层叠样式表CSS 4.1层叠样式表CSS 4.2设置字体 4.3设置色彩与背景 4.4设置边界 4.5元素填充区设定和段落排版 4.6元素的选择 4.1层叠样式表CSS 4.1.1CSS的概念 4.1.2CSS的基本语法格式 4.1.1CSS的概念 级联样式表是一种声明语言，它于1996年作为把有关的样式属性(如字体和边框)添加到HTML文档中的标准方法而提出来。但是，ccs与XML比起css与HTML能结合得更好，因为HTML承担着向后兼容的任务。 4.1.2CSS的基本语法格式 1.CSS模型： CSS有不同于XML的组织结构，它的基本结构单元可称为CSS元素。 每个CSS元素其实就是一只盒子，盒子是拥有一组特性和规则的矩形区域。盒子可以嵌套，浏览器根据CSS盒子规则将XML文档具体内容填入到载体中。 2.一个简单的CSS样式表 Css文件:4-1.css Xml文件:4-2.xml 3.CSS样式表的结构: 每条格式申明的基本格式如下： CSS样式表可以包含注释。CSS中的注释与c语言中的注释(／**／)很相似。 CSS文件中不区大小写，书写时可以不考虑大小写的问题。 4.CSS样式表的继承性 父元素的一些格式属性是传递到子元素并由其继承的。 而当属性在父子元素中同时申明时,则子属性覆盖父属性. 看下面的例子: 故title中内容的格式是: 字体为楷体_GB2312,大小为14pt 5.使用多个元素与多个规则 格式: 元素1,元素2,…,元素n { 样式声明; } 实例: book,title,author,case,price { display: block; margin-top: 12pt; font-family: 宋体; font-weight: bold; font-size: 14pt } 6.讲样式表链接到XML文件 使用处理指令xml-stylesheet 格式: ?xml-stylesheet type=“text/css” href=URL? 4.1.3实例4-1 CSS文件 ex12.css Xml文件 ex12.xml 4.2设置字体 4.2.1font属性集 4.2.2font属性集的子属性 4.2.3display属性 4.2.1font属性集 第二种声明方式(参数属于CSS2): font : caption | icon | menu | message-box | small-caption | status-bar ;? caption : 使用有标题的系统控件的文本字体（如按钮，菜单等） icon : 使用图标标签的字体 menu : 使用菜单的字体 message-box : 使用信息对话框的文本字体 small-caption : 使用小控件的字体 status-bar : 使用窗口状态栏的字体 2.font属性用法: Element{ font-stlye:italic; font-size:”20pt”; font-family:”楷体_gb2312”; } 3.关于在CSS样式表中使用中文 现在xml文件的宣告中加上encoding=“gb2312” 不用在css文件的头部加上 @charset “gb2312” 不能在元素中使用中文作元素名 4.2.2font属性集的子属性 1.font-style 语法：?font-style : normal | italic | oblique 参数: normal 正常的字体 italic 使用实体,对于没有斜体变量的特殊字体，将应用oblique oblique 使用倾斜幅度不大的斜体 backslant 字体有向后的倾斜(属于xsl) inherit 从父元素继承 示例： ?p { font-style: normal; } p { font-style: italic; } p { font-style: oblique; } 2.font-variant 设置或检索对象中的文本是否为小型的大写字母。 语法： ?font-variant : normal | small-caps 参数: normal : 正常的字体 small-caps : 小型的大写字母字体 例如: p { font-variant: small-caps; } ? 3.font-weight 设置或检索对象中的文本字体的粗细。 语法： ?font-weight : normal | bold | bolder | lighter | number ??? 4.font-size 设置或检索对象中的字体尺寸。