cat考核第一周周记

本周在静态页面布局和动态效果实现方面做了重点学习。遇到并解决了引用文件、导航栏错乱、flex布局不熟悉等问题。通过解决这些问题,对CSS有了更深入的理解,特别是flex布局的优势。下周将继续深化HTML相关知识。
摘要由CSDN通过智能技术生成

本周计划:

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
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值