摘要: 第三部分——feature 简要介绍: 这部分比较简单。主要用<p>元素写了两句话。用一张图片设置背景。 页面效果: HTML代码: CSS代码: 阅读全文
posted @ 2017-09-24 19:38 新功夫涂鸦 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 第二部分——headerwrap 简要介绍: 本部分有两个标题<h1><h2>,两个<input>元素,还有无序列表<ul>和链接<a>实现的5个链接。 页面效果: HTML代码: CSS代码: 总结: 这部分的实现过程中没有遇到大问题。 阅读全文
posted @ 2017-09-24 19:03 新功夫涂鸦 阅读(314) 评论(0) 推荐(0) 编辑
摘要: 第一部分navbar-wrapper 简要介绍: 本部分为导航部分,会固定在浏览器页面的顶部,不会随文档的滚动而移动。运用无序列表中放入链接(<ul><li><a></a></li></ul>)的方式来实现导航。当鼠标放在该元素上面时,其样式会发生变化。 页面效果: 字体的引入: HTML代码: C 阅读全文
posted @ 2017-09-24 18:18 新功夫涂鸦 阅读(760) 评论(0) 推荐(0) 编辑