使用 CSS3 进行响应式设计：创建适合移动设备的网页

MP4 |视频：h264，1920×1080 |音频：AAC，44.1 KHz
语言：英语 |时长：3小时5米

你将学到什么

• 什么是 CSS3？
• CSS 的演变：从 CSS1 到 CSS3
• 将 CSS 链接到 HTML：内联、内部和外部样式表
• 基本语法和结构
• 浏览器支持和兼容性
• 元素、类和 ID 选择器
• 字体属性：字体系列、字体大小、字体粗细、字体样式
• 文本属性：颜色、文本对齐、文本修饰、文本转换
• 文本溢出和省略
• 多列文本布局
• 了解盒子模型的基础知识：边距、边框、内边距和内容
• 框大小调整：内容框与边框框
• 显示属性：块、内联、内联块、无
• 可见性和不透明度
• 浮动和 Clearfix
• 定位：静态、相对、绝对、固定和粘性
• 还有更多

您的网站准备好迎接移动第一时代了吗？

超过一半的网络流量来自移动设备，不响应的网站只会将访问者拒之门外。响应式网页设计 (RWD) 不再是一项可选技能，而是每个 Web 开发人员和设计师的绝对必要技能。

这门实践课程“使用 CSS3 进行响应式设计”是您从头开始构建令人惊叹、灵活且适合移动设备的网站的完整指南。我们消除困惑，教您专业人士每天使用的现代 CSS 技术。

忘记令人沮丧的基于浮动的布局和复杂的黑客吧。您将掌握 CSS Flexbox 和 CSS Grid——两个强大的布局系统，可以使创建复杂的响应式设计变得直观和高效。我们会将这些与媒体查询结合起来，以确保您的设计无缝适应任何屏幕尺寸。

在本课程结束时，您不仅会制作在移动设备上“运行”的网站；还会制作在移动设备上“运行”的网站。您将以“移动优先”的心态进行构建，在所有可以想象的设备上创造卓越的用户体验。

您将学到什么

• 了解流畅的网格、灵活的图像和媒体查询——响应式设计的三大支柱。
• 了解如何为导航栏、图片库和卡片部分等组件创建具有完美对齐和分布的一维布局。
• 利用二维布局的力量，以精确、可控和最少的代码设计整个页面结构。
• 定义断点并为台式机、平板电脑和手机应用不同的 CSS 规则。
• 了解为什么从移动设计开始可以带来更简洁、更高效的代码和更好的整体产品。
• 确保您的图像、视频和 iframe 在所有设备上正确缩放且看起来清晰。
• 将您的桌面导航转变为时尚、用户友好的移动菜单（包括著名的“汉堡包”图标）。
• 使用相对单位（em、rem、%）和视口单位（vw、vh）使文本在任何屏幕上都可读且美观。

在课程结束时，您将能够从头开始构建令人惊叹的、用户友好的网页，并自信地应用 CSS 来创建专业设计。

适合：

• 具有基本 HTML 知识的初学者
• 有抱负的前端开发人员
• 任何想要学习现代网页样式技术的人

不要让糟糕的移动体验让您失去访客、客户或工作机会。掌握响应式网页设计的基本技能，并构建真正为现代网络做好准备的网站。

点击“立即注册”，立即开始学习，掌握 CSS3 艺术，创建美观、引人入胜的网站！

本课程适合谁：

• 需要利用现代 CSS3 技术（网格、Flexbox）更新技能的前端开发人员。
• 希望将自己的设计转化为适应性强、可工作的代码的网页设计师。
• 网络开发新手已准备好掌握所有雇主所需的核心技能。
• 任何构建或维护需要通过 Google 移动设备友好测试的网站的人。