微小的 CSS 项目，视频版

Tiny CSS Projects, Video Edition

视频说明

在视频版本中，旁白阅读本书，同时内容、图形、代码列表、图表和文本出现在屏幕上。就像有声读物一样，您也可以作为视频观看。

CSS 是所有 Web 开发人员必须了解的语言。在这本实用的书中，您将在构建 12 个小型项目时探索多种技术来改进 CSS 编写方式。

在Tiny CSS Projects中，您将构建 12 个令人兴奋且有用的 Web 项目，包括：

• 通过设置 SVG 图形样式创建的加载屏幕
• 具有多栏的响应式报纸布局
• 使用伪元素对社交媒体按钮进行动画处理
• 使用 CSS 网格设计布局
• 利用悬停交互的摘要卡
• 设置表单样式以使其对用户更具吸引力

这些项目可能很小，但您将学到的 CSS 技能却是巨大的！Tiny CSS Projects通过指导您完成十几个有趣的编码挑战，教您如何制作漂亮的网站和应用程序。当您修补自己的代码并对正在构建的项目做出真正的创造性决策时，您将通过实践练习学习重要的技能。您将快速掌握基础知识，然后深入了解 CSS 令人兴奋的布局功能，包括网格和 Flexbox、动画、过渡和媒体查询。

关于技术
不要满足于无聊的网页！使用层叠样式表，您可以控制颜色、布局和版式，使您的网站既实用又美观。CSS 是 Web 开发人员和设计师的一项基本技能。本书将帮助您以正确的方式开始。

关于本书
Tiny CSS Projects通过指导您完成 12 个创意迷你项目来培养您的 CSS 技能。每个有趣的挑战都从可下载的 HTML 框架开始。当您用自己的设计理念充实它时，您将掌握过渡、布局和样式形式等 CSS 概念，并探索包括 Flexbox 和 Grid 在内的强大功能。您将学到的所有技能都可以轻松转移到全尺寸应用程序中。完成后，您将拥有令人兴奋的设计组合，可供您的下一个项目使用。

里面有什么

• 使用关键帧的过渡和动画
• 布局技术，包括 Grid 和 Flexbox
• 设计表单元素（包括单选按钮）
• 嵌入字体和排版相关的样式
• 使用伪元素和媒体查询的条件样式

关于读者
适合了解 HTML 和前端开发基础知识的读者。无需具备 CSS 经验。

关于作者
Martine Dowden是一位作家、演讲家和屡获殊荣的首席技术官。Michael Gearon是一位用户体验设计师和前端开发人员，曾与许多知名品牌合作。

引言
一种基于项目的出色 CSS 学习方法，适合所有技能水平。
– Joe Attardi，Modern CSS 的作者

非常好的资源！用简单的语言写成，并有大量适用的例子。这本书证明，即使有了几十年的经验，学习永远不会太晚。我强烈推荐它！
– Joseph Del Vecchio，Heritage Environmental Services

清晰简洁，易于理解……使学习变得有吸引力和乐趣。说明和代码组织良好且易于遵循。
– Md. Zahid Hossain，Webapp 解决方案