《html学习css导航》由会员分享，可在线阅读，更多相关《html学习css导航（5页珍藏版）》请在金锄头文库上搜索。
1、本次课主题：利用CSS制作导航,学习时间：3学时,HTML标签选择器；Class类选择器；id选择器；关联选择器；组合选择器；伪元素选择器。,课前提问,练习1 使用CSS设计网站导航栏,针对P255页的12.3.1，进行如下的修改： 1. 把“旅行社”下面的空白处去掉； 2. 每一行上下空白增加4倍的距离； 3. 文字变成16px大小，字体加粗成900； 4. 导航两边都加一条竖的黑线； 5. 自行调整导航的颜色。,练习2 完成瑞达医药网站网页头部的设置,练习2 操作步骤提示,1. 将上次课完成的“2列固定宽度左窄右宽型+头部+导航+尾部”，这个文件夹，改名为“瑞达”，然后将images文件夹
2、拷贝进去；在DW中打开index.html文件，修改标题。 2. 将名为menu的DIV删除，将#menu这个样式也删除，将header这个div所在的文字内容删除，将的结束标记通过回车移到下面，中间空出若干行，用来编辑。 3. 样式表文件最后的设置结果如“样式.gif”图所示； 4. 在index.html文件中的参考代码如“网页代码.gif”所示； 5. 将网页的效果调试出来以后，请认真阅读其中的代码，思考以下效果是如何实现的。 (1)网页头部header的背景是如何设置的。 (2)左上角 这个导航是如何实现的。 (3)头底部的 这个导航是如何实现的。 (4)头部的三张图片是如何实现的。,
