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