任务三　尖导航条练习

任务三　尖导航条练习

任务要求

（1）新建文件1303.html。

（2）根据提供的素材，仿照1302.html的要求进行操作。

（3）本任务唯一不同的就是注意导航条内容垂直居中的设置。

尖角导航案例效果如图13.3.1所示，参考代码如图13.3.2所示。

显示模式-尖角导航案例

图13.3.1　尖角导航案例效果

图13.3.2　实现参考代码

项目总结

本项目主要学习了属性选择器、结构伪类选择器和链接伪类选择器，标签显示模式的三种形态和互换。通过练习，读者能掌握链接伪类选择器：hover的常规用法和块级元素、行内元素的相互转换。