教科版高中信息技术（网络技术应用模块）课件：4.4 CSS样式表运用 .pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Shadow与Dropshadow属性 Shadow属性可以在任意角度进行投射阴影，Dropshadow属性实际上是用偏移来定义阴影的 Shadow属性的文字和阴影就像是一体的， Dropshadow文字就像脱离了阴影一样。 【例】Shadow与Dropshadow属性 Go 12、Wave属性 效果：用来把对象按照垂直的波纹样式打乱 语法： Filter:Wave(Add=0/1,Freq=频率,LightStrength=增强光效，Phase=偏移量，Strength=强度） 属性： Add参数：True把对象按照波纹样式打乱；False代表不打乱； Freq参数：生成波纹的频率，即共需要产生多少个完整的波纹。 LightStrength参数：生成的波纹增强光的效果，0-100。 Phase参数：正弦波开始的偏移量，0-100，代表开始时的偏移量占波长的百分比，例25代表从90度（360*25%）的方向开始。 【例】 Wave属性的应用 Go 13、Xray属性 效果：X射线，有种X光片的感觉 语法： Filter：Xray 【例】 Xray属性 Go * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 2. 颜色和背景属性 属性名: color 可取值: 英文单词, #RRGGBB, #RGB 含义: 指定页面元素的前景色 举例: h1{color:red} h2{color:#008800} h3{color:#080} 属性名: background-color 可取值:英文单词, #RRGGBB, #RGB, 　transparent 含义:指定页面元素的背景色 举例: body {background-color:white} h1{background-color:#0000F0} p{background-color:transparent} 属性名: background-image 可取值:统一资源定位器URLs, none 含义:指定页面元素的背景图象 举例: body{background-image:url(bg.gif)} p{ background-image:url(/bg.jpg)} 属性名:background-repeat 可取值: repeat, repeat-x, repeat-y, no-repeat 含义:决定一个被指定的背景图象被重复的方式。缺省值为repeat 举例: body {background-repeat:no-repeat} p {background-repeat:repeat-x} 属性名:background-attachment 可取值: scroll, fixed 含义:指定背景图象是否跟随页面内容滚动。缺省值为sroll 举例: body {background-attachment:fixed} 属性名: background-position 可取值:数值表示法,关键词表示法 含义:指定背景图象的位置 举例: body{background-position:30% 70%} p{background-position:bottom left} 属性名: background 可取值:背景颜色、背景图象、背景重复、背景位置。 含义:背景属性综合设定 举例: body {background:url(bg1.gif)? green repeat-y fixed left 20pt} 【例】颜色和背景属性的用法　Go 3. 文本属性 属性名: letter-spacing 可取值:长度值|normal 含义:设定字符之间的间距 举例: h1 {letter-spacing:8px} p {letter-spacing:14pt} 属性名: text-decoration 可取值: none|underline|overline|line-through|blink 含义:设定文本的修饰效果，line-through是删除线，blink是闪烁效果。缺省值为none。 举例: a:link,a:visited,a:active { text- decoration: none} 属性名: text-align 可取值: left|right|center|justify(两端对齐) 含义:设置文本横向排列对齐方式 举例: p {text-align:center} h1 {text-align:rig