看看我的学习成果，顺带给我一点建议，谢谢大家😘

因为我用的astro所以写的是组件，就是一个网页的部分内容单独成一个文件

这个是头部导航栏组件，效果是这样的：就是右边的a标签中的'文字'和'svg格式的图标'总是摸不清距离，特别是svg格式的图标，两个蓝色的button样式是让ai帮我分析写的，因为我不知道该怎么去修改button的样式

对了，因为这个导航栏是固定在顶部的，我一开始不知道该怎么设置样式，问了ai，给我的建议是使用：

position: sticky;
    top: 0;
    z-index: 100;
    background-color: var(--bg-color, #fff); 

我想起来css中也是可以定义变量，感觉好有意思

（对了，展示的效果，是按着别人的网页做的，不能说是抄袭，我是自己分析写的，不会的就问ai0.0🦥）

下面这个是footer组件，就是网页的底部，通用的哦

这个花费的时间有点久，因为涉及到flex布局，之前了解过（通过这个小游戏：小游戏），但是实际应用感觉很迷糊，超级迷糊，不过还是在ai老师的带领下完成了flex布局的使用

还有文字的样式，每次遇到文字我都会忘记写样式，或者写哪些样式，不过这次是仿照别人的网站写的，所以我把文字样式也写了，包括大小、行高等等

有一个小贴士：

在Windows中按住 win+ shift + s 会弹出窗口

作用：

1. 截图
2. 录制视频
3. 提取颜色
4. 读取文本

截图、录制视频、提取文本都是可以自由框选大小范围的

截图、提取颜色会自动复制在粘贴板上

比外面那些软件实用多了，因为是内置的嘿嘿嘿，省的下载了。

对了，这篇帖子有抽奖哦，看楼层了，还有不要刷帖子，每一个人只能评论一次哦，多余的不算，以此类推（不知道是不是自动发放奖品）

我家附近这几天，早上一直有唢呐的声音，我现在一点都不怕了，感觉唢呐也别有一番风味