版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
我们毕业啦其实是答辩的标题地方案例12导航条案例分析案例实现案例小结案例描述
图12-1导航条浏览效果创建水平导航条,将导航条目放入一个导航块中,使用无序列表构建导航条的内容,使用CSS定义导航块及导航条中内容的样式,浏览效果如图12-1和图12-2所示。图12-2鼠标指针悬停到导航条目上时的浏览效果案例分析案例实现案例小结案例描述
要求如下。(1)页面字体采用微软雅黑、14px。(2)导航条与浏览器一样宽,高度是35px,背景颜色为灰色的渐变色(#838383到#393939的渐变)。(3)导航条中内容的宽度是1000px,内容在导航条中水平居中显示。(4)鼠标指针悬停到导航条目上时,背景颜色变为红色的渐变色(#c70412到#940203的渐变)。案例分析案例实现案例小结案例分析
案例描述<nav><ul>、<li>、<a>案例实现案例小结案例分析案例描述1.新建项目2.在项目中创建网页文件在project12中新建HTML文件,设置文件名为example.html在HBuilderX中新建项目project12,设置项目存放位置为E:/网页设计/源代码,选择模板类型为“基本HTML项目”,单击“创建”按钮。案例实现案例小结案例分析案例描述根据案例分析,使用相应的HTML标记来构建网页结构,代码如下。3.搭建页面结构注意:<nav>标记是HTML5新增加的标记,表示导航元素。案例实现案例小结案例分析案例描述在<head>标记内添加内部样式表,样式表代码如下。4.定义CSS样式5.保存并浏览网页案例实现案例小结案例分析案例描述本案例学习了导航条的制作方法,导航条其实也是一个盒子,在盒子中一般使用无序列表构建导航条的内容,再对盒子和列表进行一系列样式设
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年部编人教版四年级数学下册期中总复习及答案
- 2023年快中子增殖堆及配套产品项目评价分析报告
- 精细药液过滤器项目综合评估报告
- 《混凝土结构设计原理(新形态活页式)》 课件 19.螺旋箍筋柱正截面承载力计算习题
- (部编)人教语文2011课标版一年级下册小学一年级语文下册《文具的家》教学设计
- 安徽省合肥市2023年高考英语必刷试卷含解析
- ++-HW-伴有脑肿胀的大脑和小脑梗死的管理意见
- 逆变式电焊机项目可行性分析报告
- 财产赠与合同
- 校园安防监控方案(2篇)
- GB 29449-2024轮胎和炭黑单位产品能源消耗限额
- 数智时代的商业变革智慧树知到期末考试答案2024年
- 《陆上风电场工程设计概算编制规定及费用标准》(NB-T 31011-2019)
- 庆祝新中国成立 75 周年中小学主题教育班会课件
- 2024年山东潍坊港华燃气有限公司招聘笔试参考题库含答案解析
- 新员工试用期跟踪记录表(入职一个月)
- 国开安徽广播电视大学学前教育学-学前教育概论形成性考核五(权重20)0答案
- 公称压力(MPa)管道壁厚对照表
- 吊带钢丝绳使用规范
- 初中英语学习重要性
- 《其它辩证方法》PPT课件.ppt
评论
0/150
提交评论