背景链接列表.pptVIP

背景 链接 列表 本节课的内容： 背景 超级链接 列表 本节课目标： 会使用样式表设置背景 会使用样式表对超级链接进行设置 会使用样式表制作菜单 重点难点： 伪类的使用 使用列表制作菜单 背景 设置网页的背景颜色 设置网页的背景图片 背景图片的平铺 背景图片的位置 X% y% X-pos y-pos 背景图片是否滚动 背景缩写 颜色、图像、位置和重复 例： Background:#fff url(tile.gif) right top no-repeat; 超级链接 链接的几种状态 正常状态。这时鼠标并未单击 被掠过的状态。鼠标处于链接上，但尚未单击 被单击后的状态。单击鼠标左键，链接产生作用，打开目标网页 单击后的状态。 伪类 伪类，顾名思义就是类似于类选择器，它选择了某些a标签，被选择的这些?a标签随用户的单击后有样式的变化，但它的语法又不同与类选择器，所以称之为伪类 a:link 表示链接的正常状态 a:hover 表示链接被鼠标掠过的状态 a:active 表示链接被单击时的状态 a:visited 表示链接被单击后的状态 示例1 改变超级链接的样式为： 未单击时，蓝色字体 鼠标掠过时，橙色字体，字体大小为18px 被单击时，绿色字体 被单击后，灰色字体 注意：由于不同浏览器对于伪类支持的细节不同，伪类顺序排列的不同在个别情况下也会造成一些小麻烦，约定俗成的顺序为LVHA。 列表属性 示例2 使用列表制作菜单 总结 本节课介绍了部分样式表的常用属性以及学习了一些基本的样式表应用,通过听课和练习,你应该对样式表有更深刻的理解以及能够更加熟练的使用它 * * *