第六讲CSS格式XML文档.pptVIP

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