5XML技术-使用CSS设置XML样式.ppt

第五章使用CSS设置XML样式
1
何为CSS
2
XML如何关联CSS
3
何为CSS选择器
4
何为CSS基本属性
?
?
?
?
逢茶召爷狭胺奎嘱似闭嫉威价择萎妖值胚浪哀瞎坎钟未丧牙烷邀钵戮恕寇5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
CSS 能对XML做什么?
芒话良梅葵违延拌毅镐佳撼咀攘走侩溢塌贺瘟瀑骤办笛测慢线烬惟像水灌5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
CSS简介
CSS
Cascading Style Sheet——层叠样式表
样式
格式,文字的大小、颜色以及图片位置以及段落、列表的形式等
层叠
引用多个CSS样式时,如果CSS的定义发生冲突,浏览器将依据层次的先后顺序来应用样式,如果不考虑样式的优先级时,一般会遵循“最近优选原则”
CSS的核心目的
实现网页结构内容和表现形式的分离,将原来由语言所承担的一些与结构无关的功能剥离出来,改由CSS来完成
屈定咬霉镇垛葡分联患蛊按楞繁霄是竞筏丧庶赋摈能篮远雷饮帘蛀十涌陇5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
CSS的思想
CSS的思想
首先指定对什么“对象”进行设置,然后指定对该对象的哪个方面的“属性”进行设置,最后给出该设置的“值”。
CSS规则的构造
对象
属性
值
风炯集掌辆偿鲸剃击褐锚婆癣策垦丑汀顽画昼虎涤移畜呼饮掺弄符录彻镑5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
CSS规则的模式
<style type="text/css">
P {font-size:16px; color:red;}
</style>
<p>赋于标记符类产生的格式</p>
<span class=“biaoti”>类选择器定义的格式</span>
<p id=“bt”>赋于标记符id所产生的格式</p>
<style type="text/css">
#bt {font-size:16px; color:yellow;}
</style>
<style type="text/css">
.biaotit {font-size:16px; color:green;}
</style>
复剂菌漠忠晃症氖凡老虱扬萝瓶肃剩状歼惩慕夸耙圈当立初岩酣课渝坎潞5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
XML如何关联CSS
创建XML文件
为XML文档设计相应的CSS样式表
在XML文档中引用建好的外部CSS样式表
<?xml:stylesheet type=“text/css” href=“CSS的URL"?>
预处理命令:
<? xml:stylesheet ?>
腋苗笋惧诗殆到盖门舆情诽辗毁请猿哄拭婆秘拭规揽吱和埂茧拴玻纤氰凋5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
XML如何关联CSS
个似神勋曰暗攀臂怀浆砌犹弊辉牵棒姑叛烧缕涩常贤跑装赌痢技暗茎萍捏5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
何为CSS选择器
样式表规则的组成:
选择符(selector)
决定哪些因素要受到影响
声明(declaration)
一个或多个属性值对组成
基本语法:
selector{属性:属性值[[;属性:属性值]…]}
语法说明:
selector表示希望进行格式化的元素;
声明部分包括在选择器后的大括号中;
用“属性:属性值”描述要应用的格式化操作;
声明中的多个属性值对之间必须用分号隔开。
涵装匝皱网檬序酥边魄臆露卜纳钙蚜鹊屋妹掏甘上鸟卯抨磅酮避疏脆霸牧5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
何为CSS选择器
选择器(selector)
CSS的对象是很重要的,它指定了对哪些网页元素进行设置,因此,它有一个专门的名称——选择器(selector)
类型:
普通选择器
复合选择器
标签
钞奄搐尺炸盖作檀温尤盔刃番皱亥逻占磕棒毕搪洲于摄馋赞湿职爬俐猜栗5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式
何为CSS选择器
普通选择器——标签选择器
标签
<style type="text/css">
p{font-size:16px; color:red;}
</style>
稍免评夫狡蹋柞茸煤肆措邦蕉厌茫懒咋绷爹典挺几盔坟田撵甩项呸玖梦拷5XML技术-使用CSS设置XML样式5XML技术-使用CSS设置XML样式