HTML（超文本标记语言）是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。CSS（层叠样式表）则用来描述一个网页的表现与展示效果。都是学习前端首先要掌握的技能。

知识图谱

*提示：可点击蓝色链接跳转到相应知识点

权威文档

• HTML MDN (opens new window)
• CSS MDN (opens new window)

教程文档

• 菜鸟教程HTML (opens new window)
• 菜鸟教程CSS (opens new window)

免费视频

• B站 | html(5)+css(3)+移动端前端视频教程 (opens new window)
• B站 | HTML全套基础教程 (opens new window)
• B站 | HTML 速成 (opens new window)
• B站 | html5表单验证 (opens new window)
• B站 | 前端代码规范秘籍 (opens new window)
• B站 | SEO优化学习教程 (opens new window)
• 慕课 | H5+JS+CSS3实现七夕言情 (opens new window)
• 慕课 | H5+JS+CSS3实现圣诞情缘 (opens new window)
• 慕课 | 十天精通CSS3 (opens new window) 文档教程+代码实操

优秀文章

• 掘金 | 灵活运用CSS开发技巧 (opens new window)
• 掘金 | 把收藏力拉满，前端 50 个优质 Web 在线资源~ (opens new window)

优秀网站

• CSS效果DEMO (opens new window) demo很全面，推荐学习。
• CSS+JS实现的各种炫酷组件 (opens new window) 很强很炫酷（进阶学习）
• CSS渐变生成器 (opens new window) 绝大部分渐变效果都可以用css实现
• CSS阴影生成器 (opens new window)
• Can I use (opens new window) 查看属性和方法的兼容性
• 花纹背景 (opens new window)
• 3D字体 (opens new window)
• CSS技巧博客(国外) (opens new window)
• CSS动画库 (opens new window)

书籍推荐

• 精通 CSS (opens new window)
• CSS 权威指南 (opens new window)
• 深入解析 CSS (opens new window)
• CSS 揭秘 (opens new window)

获取资源

TODO

待收集...