课件课本 1.pptVIP

18 ● 控制Shockwave或Flash(09/9.3.5/index.htm) ● 添加声音(09/9.3.6/index.htm) ● 改变属性(09/9.3.7/index.htm)  ●使用时间轴创建网页动画(09/9.3.8/index.htm)  ●显示—隐藏层(09/9.3.9/index.htm)  ●显示弹出式菜单(09/9.3.10/index.htm)  ●设置导航栏图像(09/9.3.14/index.htm)  ●应用跳转菜单(09/9.3.17/index.htm)  ●设置文本  行为 * 第5章 网页设计(二) 使用CSS样式表美化网页 使用交互式表单 样式是用来控制文档中的某一文本区域外观的一组格式属性，样式表现可以用来一次对若干个文档所有的样式进行控制。 层叠样式表(CSS:Cascading Style Sheet)。样式表首要目的是为网页元素精确定位；其次把网页的内容结构和格式控制分离。 CSS的语法结构由3部分构成：选择符、样式属性和值。 选择符{样式属性：取值；样式属性：取值；……} ●选择符：指这组样式编码所要针对的对象，如body. ●样式属性：是CSS样式控制的核心，如颜色，定位，大小等。 ●取值：属性的值。 body{ background-color: blue}. CSS样式 设置HTML页面中所有p标题字字体为宋体，大小为12像素，颜色为#999900.代码如下： html head titleThis is a CSS sample/title style type=text/css !-- .p{ font-size:20px; font-family:黑体; color:#999900 --  /style /head /html CSS样式 在网页中添加CSS有4种方法： ●链接外部样式表. head link rel=stylesheet type=text/css href=style.css ●内部样式表： 位于HTML文件的头部。 ●导入外部样式表 !--@import slstyle.css -- ●内嵌样式 混排在HTML标记里使用的，可以简单的对某个元素单独  定义样式。table style=color:bule; margin-right:100px CSS样式 1、将样式表加入到HTML文件Body区 说明：直接在HTML代码行中加入样式规则。适用于指定网页内的 某一小段文字的显示规则，效果仅可控制该标签。 格式：标签名称 style=“样式属性：属性值；样式属性……” 例：htmlbody p style=“background:blue;color:white;font-size:50px;font-family:隶 书”网页设计中CSS的使用/p /body/html 2、将样式表嵌入到HTML文件的文件头head区 格式： style type=“text/css” !-- 选择符{样式属性：属性值；……} …… --/style 说明：1）在HTML(head)文件头嵌入样式表规则，浏览器在整个HTML网页中都 执行该规则，适用于对网页一次加入样式表。 2）在HTML文件中用style标签说明所要定义的样式，其中用style标 签type属性以CSS语法定义。 3）为了防止不支持CSS的浏览器将style和/style之间的CSS规则当成 普通字符显示在网页上，可用!- -和- -将CSS的规则代码括起来。 3、将一个外部样式表链接到HTML文档上：在head区设定 格式：link rel=stylesh