中级
提供者 : Cliff Brozo
4 课时 · 22m
语言：阿拉伯语, 德语, 英语, 西班牙语, 法语, 葡萄牙语, 简体中文
课程描述
本课程讨论使用层叠样式表的响应式设计技术。 这可确保网页适合您使用的任何设备的屏幕：手机、平板电脑或台式机。 您将了解什么是视口，以及如何确定正在使用的设备。 它还将检查网格视图、媒体查询、容器以及如何使用层叠样式表来布局页面。
您将学到的内容
- 导航视口并判断当前使用的设备类型
- 应用媒体查询和容器以适配不同设备的布局
- 使用CSS网格视图进行页面布局
- 使用CSS对页面进行布局，使其适配手机、平板和桌面屏幕
- 使用响应式HTML和CSS框架构建响应式网页设计
关键要点
- CSS响应式设计可确保网页适配任何设备的屏幕，包括手机、平板或桌面电脑。
- 本课程讲解视口的概念以及如何判断当前使用的设备类型。
- 课程探讨网格视图、媒体查询和容器作为页面布局的工具。
- 本课程涵盖使用CSS进行响应式页面布局的方法。
常见问题
本课程涵盖哪些内容？
课程涵盖CSS响应式设计技术，包括视口、判断当前使用的设备类型、网格视图、媒体查询、容器以及使用CSS进行页面布局。
我将学会做什么？
您将学会导航视口、探索媒体查询和容器，并将网格视图应用于实践。
为什么响应式设计很重要？
响应式设计可确保网页适配您所使用的任何设备屏幕：手机、平板或桌面电脑。
课程是如何安排的？
课程分为四个课时：响应式设计第1部分至第4部分。
本课程培养哪些技能？
课程培养CSS代码、CSS框架、CSS Grid、面向对象CSS、响应式HTML以及响应式网页设计等方面的技能。
