《第六讲CSS格式XML文档.ppt》由会员分享，可在线阅读，更多相关《第六讲CSS格式XML文档.ppt（31页珍藏版）》请在三一文库上搜索。
1、2019/2/10,Css,第六讲,格式XML文档,2019/2/10,回顾,DTD对属性的声明 附加声明：？ 属性类型：？,2019/2/10,本讲目标,CSS的创建与应用 CSS基本语法 CSS属性设置,2019/2/10,引入CSS背景,Xml的最大特点在于解释了数据本身的含义，因而xml可用来描述、储存和共享各种数据，然而xml文档并不包含数据的显示格式，为了便于阅读人们就用特定的样式表语言来对这些数据加以描述,2019/2/10,CSS简介,CSS的全称： Cascading Style Sheets 层叠样式表 级联样式表,2019/2/10,CSS创建与应用,建立book_01.
2、xml文档，格式如P92页 创建样式表文件book_01.css 链接样式表到XML文档,2019/2/10,链接样式表,链接样式表的语法如下 ,2019/2/10,P94图4-2,2019/2/10,CSS基本语法,CSS基本语法: 选择器属性：属性值 如title font-size:16pt,2019/2/10,CSS基本语法,CSS基本语法: 选择器属性：属性值 如title font-size:16pt,2019/2/10,CSS大小写问题,CSS样式表中是不区分字母大小写。但是XML文档是区分大小写的。 注意：CSS中不支持中文标记 如 书font-size:12pt,2019/2
3、/10,CSS属性问题,在CSS中父元素定义的样式会影响到子元素， 比如,2019/2/10,CSS选择器,通用选择器 如* 标记选择器 如A 类选择器 如.title ID选择器 如#title 上下文选择器 如Body div 分组选择器 如 div ,span,2019/2/10,色彩属性,英文色彩名称 red green blue black white Rgb格式 红色rgb(255,0,0) 绿色rgb(0,255,0) 蓝色rgb(0,0,255),2019/2/10,尺寸属性,相对尺寸:px(像素)em 绝对尺寸: In(英寸) 1英寸=2.54cm Cm（厘米） Pt（磅）1
4、英寸=72磅,2019/2/10,百分比尺寸,比如width:100% Font-size:120%,2019/2/10,URL属性值,Background-image:URL() URL路径可以是绝对路径或者相对路径 如 Background-image:url(http:/ Background-image:url(images/aaa.jpg),2019/2/10,属性设置,CSS属性设置,2019/2/10,显示属性,Display属性控制了元素的显示方法 Block：（块方式显示，通过换行与其他元素分开） Inline：（在同一行显示） None：元素在页面中不可见 List-ite
5、m：列表方式显示元素,2019/2/10,字型属性,Font属性用来设置文字的字体、字号、样式 Font-size:12px; Font-family：宋体，“Times New Roman”，隶书 注意：在设置多属性值的情况下，一定要按照语法顺序使用。比如font : font-style | font-variant | font-weight | font-size | line-height | font-family,2019/2/10,色彩属性,color ,background-color,border-color 分别设置文字，背景、边框的颜色 注意:注意，用颜色名称指定 co
6、lor 不被一些浏览器接受。但使用 RGB 值指定颜色能被所有里浏览器识别并正确显示。,2019/2/10,色彩属性,color ,background-color,border-color 分别设置文字，背景、边框的颜色 注意:注意，用颜色名称指定 color 不被一些浏览器接受。但使用 RGB 值指定颜色能被所有里浏览器识别并正确显示。,十六进制颜色如#22AA66,可以简写为#2A6,2019/2/10,边框属性,2019/2/10,border-style,2019/2/10,布局属性,2019/2/10,背景属性,2019/2/10,文本属性,2019/2/10,CSS链接,2019/2/10,总结,CSS样式创建与引用 CSS选择器 CSS属性值,2019/2/10,作业,CSS应用实例 设计个人简历（参考课后模板）,2019/2/10,预习,XSL转换XML文档,