使用CSS设置XML样式.ppt
2.颜色值属性值使用颜色值的属性主要有:color、background-color、border-color。设置颜色值的方式有:1)颜色名称-------16种div{color:red;}p{background-color:silver}
white,blue,green,navy(海蓝),purple(紫色)属性值2)rgb(R,G,B)R:红色值。正整数|百分数G:绿色值。正整数|百分数B:蓝色值。正整数|百分数正整数值的取值范围为:0-255。百分数值的取值范围为:0.0%-100.0%。超出范围的数值将被截至其最接近的取值极限。
并非所有浏览器都支持使用百分数值。
2.颜色值div{color:rgb(132,20,180);}div{color:rgb(12%,200,50%);}2.颜色值3)#RRGGBBRR:红色值。十六进制正整数GG:绿色值。十六进制正整数BB:蓝色值。十六进制正整数取值范围为:00–FF参数必须是两位数。对于只有一位的,应在前面补零如果每个参数各自在两位上的数字都相同,那么本单位也可缩写为#RGB的方式,例如:#FF8800可以缩写为#F80见颜色表div{color:#FF0000;}div{color:#F00;}CSS中的属性和属性值3.URL值属性值CSS中的background-image、list-style-image、list-style的属性值为URL,URL可以是本地或网络的绝对或相对路径URL值可以不加引号如果需要,URL值可以放在单引号或双引号中background-image:none|url(url)code{background-image:url(comet.jpg);}blockquote{background-image:url(c:\InetPub\MyPixs\comet.jpg);}br{background-image:url(http://F/ImageFile/Q.gif);}CSS中的属性和属性值CSS中的长度属性用得较多,如字号、行距、字间距、宽度、长度等等。长度属性值可以按绝对长度和相对长度赋值。(1)绝对长度单位(Word等)4.长度属性值及其单位incmmmptpc(Pica)英寸(1英寸=2.54厘米)厘米毫米磅(1磅=1/72英寸)派卡(十二点活字)(1皮卡=12磅)新四号铅字1in=2.54cm=25.4mm=72pt=6pcdiv{font-size:0.75pc;}div{font-size:9pt;}CSS中的属性和属性值(2)相对长度单位在不同的输出设备之间的比例较好,如监视器和打印机。4.长度属性值及其单位em当前字体中小写字母“m”的高度ex当前字体中小写字母“x”的高度px像素,像素是相对于显示器屏幕分辨率而言的。%百分比div{font-size:1.2em;}div{font-size:1.2ex;}div{font-size:200%;}CSS的常用属性p140-150显示属性(display):用来设置元素的显示方式。字体属性(font):字体属性用来设置文本的字体、字号、样式、笔划粗细等,CSS1支持五种基本的字体属性:font-family、font-style、font-variant、font-weight和font-size。颜色属性(color):设置文本的颜色。背景属性(background):用于为元素内容的背景设置一种颜色或一幅图像。设置文本属性(Text):文本其它格式,文字间隔,文本水平对齐方式等。边框属性(border):边框线的大小,边距等123456CSS的常用属性p140display属性用来设置元素的显示方式。display属性的4个属性:none:用于隐藏元素,不显示任何信息。block:表示所要显示的信息要独占一行(即成为一个段落)。inline:所要显示的信息紧接着前一元素内容。list-item:以列表方式显示。CSS1中默认值为block,CSS2中默认值为inline。display属性是不能被继承的,如果父元素被隐藏,子元素又没有设定display属