《CSS格式XML文档》PPT课件.ppt

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