XML入门教程:CSS样式表-XML/XSLT

2019-03-28 14:19:00丽君

实现一个文档,多个样式。通过样式表,可把一篇文档以HTML形式、PDF形式或文本形式显示出来。

CSS2
CSS2是层叠样式表,它是一种排版技术,能让元素按特定的样式显示,如字体大小,颜色、布局等。在网页中有三种使用方法:

    用<style>标记声明,如
    <style> div {font-size: 12pt;} div {color: blue;} </style>
    在元素中用style属性指定,如:
    <div style="font-size: 12pt;color: blue">CSS测试</div>
    用LINK标记链接一个外部CSS文件,如:
    <link rel="stylesheet" type="text/css" href="mycss.css">
    按作用域来分,有三类的样式表,分别是网页解释器样式表、作者样式表和浏览者样式表。网页解释器样式表也叫默认的样式表,当没有另外的样式表加载时使用。作者样式表就是网页设计师设计的样式表。浏览者样式表是浏览网页的用户在浏览器上另外设置的样式表。
    CSS的基本数据类型

      integer,表示整数,可取正负值。如:12,-24。
      number,表示数字,可取正负值和小数。如:12.1,-14.3。
      lenght,表示距离长度,可取正负值和小数,后跟一个单位,如:12em,12cm。单位又分相对单位和绝对单位,相对单位有:em,ex,px。绝对单位有:in(英寸),cm(公分),mm(公厘),pt(等于1/72英寸),pc(等于12pt)。
      percentage,表示百分比值,可取正负和小数。如:20%,-40%。
      uri,表示网络资源。如:http://www.ringkee.com。
      inherit参数值
      <style> body {width: 600px;} .div1 {width: 120%;} .div2 {width: inherit;} 说明: div1的宽度是600px*120% div2的宽度继承父元素body的参数,是600px
      选择符的作用是指定哪些元素使用哪些样式。选择符可以分为简单选择符和复合选择符两类,简单选择符是类型选择符、通用选择符加上零个或多个属性选择符、ID选择符、伪类等组成。复合选择符是用">"和" "号结合多个简单选择符组成。">"和" "号两边要加上空格。
      本文由易采站长站(https://www.jb51.net)整理发布!转载请注明出处,谢谢!
      下面介绍各种选择符:

        通用选择符,用"*"号表示,可用于所有标记。如:
        <style> * {font-size: 14pt;} *.EM {color: red;} </style> <div>应用字体样式</div> <em class="EM">应用红色样式</em>