{"id":21644378,"url":"https://github.com/vectorxxxx/note_html5","last_synced_at":"2026-03-12T14:17:20.334Z","repository":{"id":91477074,"uuid":"366785678","full_name":"vectorxxxx/NOTE_HTML5","owner":"vectorxxxx","description":"尚硅谷Web前端HTML5 CSS3初学者零基础入门全套完整版学习笔记","archived":false,"fork":false,"pushed_at":"2022-07-05T12:36:36.000Z","size":49091,"stargazers_count":71,"open_issues_count":0,"forks_count":27,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-11T18:22:03.744Z","etag":null,"topics":["css","html"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vectorxxxx.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2021-05-12T16:45:59.000Z","updated_at":"2025-03-27T11:13:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"ab8347c8-5b4c-4844-b610-35400614f196","html_url":"https://github.com/vectorxxxx/NOTE_HTML5","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vectorxxxx/NOTE_HTML5","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vectorxxxx%2FNOTE_HTML5","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vectorxxxx%2FNOTE_HTML5/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vectorxxxx%2FNOTE_HTML5/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vectorxxxx%2FNOTE_HTML5/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vectorxxxx","download_url":"https://codeload.github.com/vectorxxxx/NOTE_HTML5/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vectorxxxx%2FNOTE_HTML5/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30428017,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-12T14:00:25.264Z","status":"ssl_error","status_checked_at":"2026-03-12T13:59:52.690Z","response_time":114,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","html"],"created_at":"2024-11-25T05:39:53.308Z","updated_at":"2026-03-12T14:17:20.320Z","avatar_url":"https://github.com/vectorxxxx.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# NOTE_HTML5\n\n## 介绍\n\n:sparkles:尚硅谷Web前端*HTML5 CSS3*初学者零基础入门全套完整版学习笔记\n\n\n\n## 更新\n\n- 语雀:link:：[Web前端HTML5\u0026CSS3 · 语雀 (yuque.com)](https://www.yuque.com/u21195183/hfcamg)\n- Github:link:：[vectorxxxx/NOTE_HTML5: 尚硅谷Web前端HTML5 CSS3初学者零基础入门全套完整版学习笔记 (github.com)](https://github.com/vectorxxxx/NOTE_HTML5)\n- Gitee:link:：[NOTE_HTML5: 尚硅谷Web前端HTML5 CSS3初学者零基础入门全套完整版学习笔记 (gitee.com)](https://gitee.com/vectorx/note_html5)\n- CC:link:：[VectorUx / NOTE_HTML5 · CODE CHINA (csdn.net)](https://codechina.csdn.net/qq_35925558/note_html5)\n\n:sparkles:看文档推荐使用**语雀**，感觉更加简洁；需要图片资源的推荐下面几个代码托管平台，都是同步更新的哦！\n\n:sparkles:同时，为了更方便大家在托管平台上直接看，特意整理了一下结构（因为默认只有README文件会有目录结构，所以每节单独放到了一个文件夹下面）\n\n:sparkles:其他平台因为审核限制的原因，内容上应该没有上面几个全，大家可以自行选择\n\n- 博客园:link:：[Web前端HTML5\u0026CSS3 - 随笔分类 - VectorX - 博客园 (cnblogs.com)](https://www.cnblogs.com/vectorx/category/1975212.html)\n- CSDN:link:：[Web前端_VectorX's Blog-CSDN博客](https://blog.csdn.net/qq_35925558/category_11061834.html)\n- 掘金:link:：[VectorX 的个人主页 - 文章 (juejin.cn)](https://juejin.cn/user/1794840859509070/posts)\n\n:sparkles:另外，新搭建了一个*Github Pages*网站，大家可以去尝尝鲜~\n\n- 我的博客:link:：[标签 | VectorX (vectorxxxx.github.io)](https://vectorxxxx.github.io/tags/#15-html5css3)\n\n\u003cmark\u003e**整理不易，还望各位看官一键三连 :heart: :heart: :heart: **\u003c/mark\u003e\n\n\u003cmark\u003e**整理不易，还望各位看官一键三连 :heart: :heart: :heart: **\u003c/mark\u003e\n\n\u003cmark\u003e**整理不易，还望各位看官一键三连 :heart: :heart: :heart: **\u003c/mark\u003e\n\n:sparkles:下面开始吧~\n\n\n\n---\n\n\n\n:sparkles:目前，因为本人是*边学边更*的，目前还没有学习完毕，所以暂时只整理了这些\n\n\n\n## 软件\n\n:sparkles:视频中使用到的软件和资源，还有一些其他的开发工具，仅供参考（eg. 考虑到部分下载速度的问题，特意整理了部分软件到Software仓库下，大家可以自取）\n\n### Zeal\n\n- 离线文档：[Zeal - Offline Documentation Browser](https://zealdocs.org/)\n\n### NotePad\n\n- 官方地址：[notepad-plus-plus.org](http://notepad-plus-plus.org/)\n- Softonic地址：[Notepad++ - Download (softonic.com)](https://notepad-plus.it.softonic.com/)\n\n### Sublime\n\n- 官方地址：[Sublime Text - A sophisticated text editor for code, markup and prose](https://www.sublimetext.com/)\n\n### VS Code\n\n- 官方地址：[Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/)\n- 安装的插件\n  - Chinese (Simplified) Language Pack for Visual Studio Code\n  - Ayu\n  - vscode-icons\n  - Live Server\n  - JS \u0026 CSS Minifier (Minify)\n\n### Atom\n\n- 官方地址：[Atom](https://atom.io/)\n\n- Github地址：[atom/atom: The hackable text editor (github.com)](https://github.com/atom/atom)\n\n- 中文地址：[Atom中文网 (baisheng999.com)](http://atom.baisheng999.com/)\n\n### WebStorm\n\n- 官方地址：[Download WebStorm: The Smartest JavaScript IDE by JetBrains](https://www.jetbrains.com/webstorm/download/#section=windows)\n\n### FastStone Capture\n\n- 下载地址：[FastStone Capture - Download](https://faststone-capture.en.softonic.com/)\n\n### Photoshop精简版\n\n- 下载地址：[Adobe_Photoshop_CS6_Lite.7z - 蓝奏云 (lanzoui.com)](https://cheat8.lanzoui.com/iD3rBp7d02h)\n\n\n\n## 网址\n\n### 字符实体\n\n- [HTML 字符实体](https://www.w3school.com.cn/html/html_entities.asp)\n- [HTML ISO-8859-1 参考手册](https://www.w3school.com.cn/charsets/ref_html_8859.asp)\n\n### CSS Dinner\n\n- 官方地址：[CSS Diner - Where we feast on CSS Selectors!](https://flukeout.github.io/)\n\n### reset样式\n\n- 官方地址：[reset.css](https://meyerweb.com/eric/tools/css/reset/)\n\n### normalize样式\n\n- 官方地址：[normalize.css](https://necolas.github.io/normalize.css/8.0.1/normalize.css)\n\n### 贝叶斯曲线\n\n- 在线地址：[https://cubic-bezier.com](https://cubic-bezier.com)\n\n\n\n## 实战\n\n- :white_check_mark: 京东图片列表\n- :white_check_mark: 京东左侧导航条\n- :white_check_mark: 网易新闻列表\n- :white_large_square:田径场（这个是我自己学完盒模型之后突发奇想的，大家可以忽略跳过）\n- :white_check_mark: w3school顶部导航栏\n- :white_check_mark: 京东轮播图\n- :white_check_mark: 京东顶部导航条\n- :white_check_mark: 背景按钮\n- :white_check_mark: 电影卡片\n- :white_check_mark: 小米商城\n- :white_check_mark: 米兔\n- :white_check_mark: 奔跑的少年\n- :white_check_mark: 奔跑的川普\n- :white_check_mark: 弹力球\n- :white_check_mark: 酷炫球\n- :white_check_mark: 鸭子表\n- :white_check_mark: 复仇者联盟\n\n\n\n## 字体\n\ndemo\\font\\\n\n- ZCOOLKuaiLe-Regular.ttf\n- ZCOOLQingKeHuangYou-Regular.ttf\n- ZCOOLXiaoWei-Regular.ttf\n\n\n\n整理难免有疏忽和遗漏的地方，欢迎大家指正批评！\n\n\n\n---\n\n\u003e 署名 4.0 国际 (CC BY 4.0)。您可以自由地：共享 — 在任何媒介以任何形式复制、发行本作品；演绎 — 修改、转换或以本作品为基础进行创作；在任何用途下，甚至商业目的。只要你遵守许可协议条款，许可人就无法收回你的这些权利。惟须遵守下列条件：署名 — 您必须给出适当的署名，提供指向本许可协议的链接，同时标明是否（对原始作品）作了修改。您可以用任何合理的方式来署名，但是不得以任何方式暗示许可人为您或您的使用背书。\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvectorxxxx%2Fnote_html5","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvectorxxxx%2Fnote_html5","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvectorxxxx%2Fnote_html5/lists"}