第6章层叠样式表css(免费阅读).pptVIP

第六章 层叠样式表（CSS） 湖南大学软件学院 李珩 第六章 层叠样式表（CSS） CSS简介 CSS(Cascading Style Sheet，层叠样式表)是1996年提出的，当时由于HTML发展出现了一些问题，需要一种把有关样式属性信息如字体、颜色信息添加到HTML文档中的标准方法，因此W3C组织编写了CSS规范。 CSS的主要作用是定义标记元素的显示样式，并且这些样式信息与数据信息是可以相互独立的，从而方便了独立的管理样式信息，克服了HTML样式信息与数据信息混淆不清的毛病。 第六章 层叠样式表（CSS） CSS简介 使用CSS的优点是： 1.独立性 2.可重用性 3.准确性 4.灵活性 第六章 层叠样式表（CSS） CSS基本语法结构 一个样式表最终是以.css的文件格式保存下来的。 格式是： 选择符 {样式说明} 选择符指明该样式针对的元素名称，样式说明描述元素具体的样式。 样式说明由CSS属性值对构成 格式是： CSS属性名：属性值 第六章 层叠样式表（CSS） 一个CSS的例子 第六章 层叠样式表（CSS） CSS显示控制属性 Display：用于确定元素的各种显示信息。 其取值可以是inline、none、normal、block、table、inline-table、table-row、table-cell、table-caption、compact、inherit等 第六章 层叠样式表（CSS） CSS颜色显示属性 颜色属性是color，它规定一个元素的颜色 CSS对颜色的取值有两种方式：名称和RGB颜色 名称方式：CSS能够接受windows VGA调色板的16种颜色。分别为：aqua（浅绿）、black（黑）、blue（蓝）等。 RGB方式：表示为rgb(x,y,z)。其中，x，y，z都是介于0-255的整数。 或者表示为rgb(x%,y%z%)，将数值变为百分比。 第六章 层叠样式表（CSS） CSS字体显示属性 （1）font-style属性：这个属性用于控制字体显示的分格，是正常的，还是斜 体的，还是倾斜的 （2）font-weight属性：这个属性规定字体显示的浓淡程度，该属性的值一般介于100-900，非整百的值是不允许的 ，或者用bold、bolder、normal、lighter表示 （3）font-size属性：这个属性规定字体的高度和宽度，表示一个字体的大小 第六章 层叠样式表（CSS） 在XML中使用CSS（外部CSS文档） 在XML文档的XML声明语句后加上一个特定的处理指令： ?xml-stylesheet type=”text/css” href=”xx.css”? 这个指令告诉了浏览器XML文档不使用默认的树状结构示意图作为显示结果，而是采用一个CSS文档规定的格式进行显示 。 第六章 层叠样式表（CSS） 在XML中使用CSS（直接嵌套） 可以将样式语句与XML语句安排在同一个XML文档中，例如： 第六章 层叠样式表（CSS） CSS的局限性 CSS不能重新排序文档中的元素 CSS不能判断和控制哪个元素被显示，哪个不被显示 CSS不能统计计算元素中的数据 第六章 层叠样式表（CSS） 小结 层叠样式表是描述页面具体显示样式信息的一种语言，它的主要作用是定义标记元素的显示样式，保持样式信息与数据信息的独立。 简单的XML可被CSS所表示，但复杂的高度结构化的XML文档则只能依赖于XSL极强的格式化能力体现给用户。（可扩展样式语言XSL，定义如何转换和表示XML文档。比CSS功能要强大得多。） 第七章 XSL转换 湖南大学软件学院 李珩 第七章 XSL转换 XSL简介 XSL是W3C推荐的一种标准，它由三部分组成： XSLT：用于将XML文档转换成其他类型文档（如HTML文档）或其它XML文档的语言。 XPATH：XSLT使用XPATH语言来对XML文档中的具体部分进行访问和引用。 XSL-FO：XSL格式化对象，是一种定义XML显示方式的XML扩展函数库。 第七章 XSL转换 XSLT简介 XSLT是XSL标准中最重要的部分，它用于将一个XML文档转换成另一个XML文档或另一种类型的文档，也就是将一个XML文档转换成浏览器所能识别的一种格式。 XSLT将每个XML元素都转换为一个HTML元素 XSLT还可向输出文件中增加全新的元素或去掉一些元素，它可重新安排这些元素并对其分类并确定显示哪些元素 描述这一转换过程：X