本题以淮北市卫生健康委员会为主题,如下图1所示,头部效果。 图1:淮北市卫生健康委员会(头部) CSS样式如下: /* 初始化样式 */ (1){ /*(1) 初始化样式 */ margin: 0; padding: 0; } a { (2): none; /*(2) 初始化样式 设置超链接标签默认没有下划线*/ } li { list-style:(3); /*(3) 初始化样式 设置li默认没有项目符号*/ } .w1100 { width: 1100px; margin: 0 auto; } .fl {float: left;} .fr {float: right;} .clear {(4);} /* (4)清除浮动 */ /* top */ .top { background-color: rgb(13, 70, 141); /* height: 50px; */ padding: 10px 0px; } .top p { color: white; } .top .right {} .top .right a { color: white; } .top .right span { color: #ddd; margin: 0px 10px; } .top .w1100 { font-size: 12px; } /* header */ .header { padding: 20px 0; } .header .logo {} .header .logo img {} .header form { font-size: 0; margin-top: 30px; } .header form input { height: 36px; width: 300px; vertical-align: middle; (5): 1px solid #ddd; /*(5) 设置边框为 1px 实线 颜色为#ddd */ border-radius: 5px 0 0 5px; (6): 5px; /* (6) 文本首行缩进5px 使得input 内输入内容距离左边框5像素距离*/ } .header form button { height: 36px; padding: 0px 10px; background-color: rgb(13, 70, 141); color: white; border: 0; vertical-align: middle; (7) : 0 5px 5px 0; /* (7) 设置按钮圆角表框样式 */ } /* nav */ .nav{ border-bottom: 2px solid rgb(13, 70 ,141); /* red green blue */ } .nav ul{ text-align: center; font-size: 0; } .nav ul li{ display:(8) ; /*(8) 设置显示类型为行内块元素 ,让其水平摆放*/ } .nav ul li a{ display: block; font-weight: 600; font-size: 19px; color: #333; (9) : 10px 29px ; /* (9) 内边距上下为10像素,左右为29像素 */ } .nav ul li a:hover{ background-color: rgb(13, 70, 141); color: white; } .nav ul li .active{ background-color: rgb(13, 70, 141); color: white; } HTML结构如下: 淮北市人民政府 繁体中文 | 无障碍浏览 搜索 首页 信息发布 政务公开 网上办事 互动交流 监督执法 医改动态 专题专栏 请根据效果图和代码提示完成(1)—(10)空。