新浪导航栏 1、 考核知识点 链接伪类 2、 练习目标 Ø 掌握 超链接标记的创建方法 Ø 掌握 链接伪类定义超链接的方法 Ø 复习盒子模型的相关知识 3、 需求分析 定义超链接时,为了提高用户体验,经常需要为超链接指定不同的状态,使得超链接在点击前、点击后和鼠标悬停时的样式不同。为了便于初学者的理解和掌握,接下来,通过一个新浪导航栏的案例做具体演示。 4、 案例分析 1) 效果如图 所示。 2) 具体实现步骤如下: a) 定义一个大盒子,对导航栏做整体控制。 b) 在大盒子内部嵌套一个小盒子,控制导航标题。 c) 为导航标题定义超链接。 d) 通过链接伪类控制导航栏样式。 images.zip