bilibiliHome

《1 小时学会网页制作 HTML + CSS》笔记 ​

bilibili

🧐 成品预览

lesson

文档说明 ​

Important

本文档是 【首发】1 小时学会网页制作 HTML+CSS web 前端大学生期末作业_bilibili 课程的笔记。

  • 老师给的图片资源链接：bilihome-assets.zip(提取码：mjtt)

  • 相应的代码：bilibiliHome.tar - OneDrive | bilibiliHome.zip - 蓝奏云 (密码:hhph)

    🗂️ 代码目录结构
    bash
     .
├── bilibiliHome.webp
├── css
│   ├── base.css
│   └── index.css
├── favicon.ico
├── img
│   ├── carousel1.webp
│   ├── header-banner.webp
│   ├── logo.png
│   ├── web-home-common-cover-01.webp
│   ├── web-home-common-cover-02.webp
│   ├── web-home-common-cover-03.webp
│   ├── web-home-common-cover-04.webp
│   ├── web-home-common-cover-05.webp
│   └── web-home-common-cover-06.webp
├── index.html
├── js
│   └── iconpark.js
└── svg
    ├── up.svg
    ├── 下载客户端.svg
    ├── 专栏.svg
    ├── 分区.svg
    ├── 创作中心.svg
    ├── 动态.svg
    ├── 历史.svg
    ├── 右箭头.svg
    ├── 大会员.svg
    ├── 客服.svg
    ├── 左箭头.svg
    ├── 弹幕数.svg
    ├── 投稿.svg
    ├── 搜索按钮.svg
    ├── 播放量.svg
    ├── 收藏.svg
    ├── 新歌热榜.svg
    ├── 更多.svg
    ├── 活动.svg
    ├── 消息.svg
    ├── 热门.svg
    ├── 直播.svg
    ├── 社区中心.svg
    ├── 课堂.svg
    ├── 顶部.svg
    ├── 频道.svg
    └── 首页.svg

  • 笔记采用 Markdown 格式，使用 VS Code 进行编辑。

  • 网站采用 VitePress 1.0.0-rc.33 (2023-12-26) 进行构建，使用 VitePress 官方的默认主题，字体为 Sarasa Mono SC Nerd Font。

  • 希望对刚入门的前端同学，以及对课程感兴趣的朋友能有所帮助，欢迎交流。

课程链接 ​

📺 在线观看

文档目录 ​