本周计划:
1.尽量全部静态页面布局
2.尽可能实现较多的动态效果
遇到的bug及解决方法:
有挺多是没留意的愚蠢 错误
1、 写项目分三大文件html,css,js时没在index.html引用文件。
解决方法:这里注意css和js文件引用方式的不同
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/common.css">
<script src="./js/animate.js"></script>
<script src="./js/base.js"></script>
(一开始因为没引用css文件,布局整体页面的时候怎么都显示不出布局的颜色。)
2、头部导航栏在页面缩放放大时出现错乱
解决方法:
将头部导航栏的元素全部放置在一个盒子中,并且在页面居中对齐,两边的元素分别添加向左向右浮动。
这样在页面比例变化时导航栏都能居中对齐
<nav>
<div class="nav_box">
<img src="./images/logo.png" alt="">
<div class="search