CSS: Design & Optimize Responsive Web Pages

本课程是 CSS Mastery: Responsive Design & Web Styling 专项课程的一部分

位教师：EDUCBA

访问权限由 New York State Department of Labor 提供

4个模块

深入了解一个主题并学习基础知识。

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

4个模块

深入了解一个主题并学习基础知识。

1 周完成

在 10 小时一周

灵活的计划

自行安排学习进度

您将学到什么

Apply CSS rules to style text, layouts, and web components.
Create responsive, device-friendly designs with media queries.
Implement animations and transforms for interactive effects.

您将获得的技能

要了解的详细信息

可分享的证书

添加到您的领英档案

作业

15 项作业

授课语言：英语（English）

了解顶级公司的员工如何掌握热门技能

了解关于 Coursera for Business 的更多信息

Petrobras, TATA, Danone, Capgemini, P&G 和 L'Oreal 的徽标

积累特定领域的专业知识

本课程是 CSS Mastery: Responsive Design & Web Styling 专项课程专项课程的一部分

在注册此课程时，您还会同时注册此专项课程。

向行业专家学习新概念
获得对主题或工具的基础理解
通过实践项目培养工作相关技能
获得可共享的职业证书

该课程共有4个模块

By the end of this course, learners will be able to apply CSS rules, style text and layouts, create responsive designs, and implement animations and transformations to build professional websites. They will gain the ability to analyze design requirements, implement structured page layouts, and evaluate CSS techniques for modern web development.

This course begins with the fundamentals of CSS, covering its history, syntax, and rule structure. Learners will then explore selectors, text formatting, spacing, and layout basics to enhance readability and visual hierarchy. In the next stage, they will design navigation menus, tables, forms, and graphics while learning how to apply transforms and animations for interactive experiences. Finally, learners will master responsive design techniques, media queries, positioning, and best practices for building flexible, device-friendly websites. What makes this course unique is its step-by-step, modular approach that blends practical coding exercises with conceptual clarity. Whether you are a beginner or looking to sharpen your skills, this course equips you with the essential CSS expertise to design modern, engaging, and responsive web pages.

This module introduces the fundamentals of CSS, including its purpose, history, and structure. Learners will explore the anatomy of CSS rules, apply styles through different approaches, and understand the basics of selectors. This foundation sets the stage for effective styling and modern web development practices.

涵盖的内容

9个视频3个作业

9个视频总计46分钟

Introduction 0分钟
History 7分钟
The IE and IE8 4分钟
Testing 2分钟
Anatomy of Style 6分钟
Adding Style 9分钟
The Selectors - Tag Selectors, Class Selectors 6分钟
ID Selectors, Styling Groups, Universal Selectors 7分钟
The HTML Family Tree 5分钟

3个作业总计50分钟

Foundations of CSS 30分钟
Getting Started with CSS 10分钟
Understanding CSS Basics 10分钟

This module dives into CSS selectors and text formatting. Learners will explore advanced selector techniques, text styling properties, and spacing methods. By mastering these, they can build more readable, attractive, and professional web pages.

涵盖的内容

14个视频4个作业

14个视频总计106分钟

More Selectors Part 1 9分钟
More Selectors Part 2 10分钟
The Cascade 11分钟
Applied CSS 0分钟
Formatting Text - Font Part 1 9分钟
Formatting Text - Font Part 2 11分钟
Formatting Text Color FontSize Part 1 6分钟
Formatting Text Color FontSize Part 2 6分钟
Formatting Text - Spacing Part 1 6分钟
Formatting Text - Spacing Part 2 6分钟
Margins Padding Part 1 8分钟
Margins Padding Part 2 8分钟
Margins Padding Part 3 8分钟
Vendor Prefixes 7分钟

4个作业总计60分钟

Working with Selectors and Text 30分钟
Mastering CSS Selectors 10分钟
Styling Text with CSS 10分钟
Text Spacing and Layout Basics 10分钟

This module covers layout techniques and styling multimedia elements. Learners will manage dimensions, floats, navigation menus, tables, and forms, as well as incorporate graphics, transforms, and animations to create engaging user experiences.

涵盖的内容

15个视频4个作业

15个视频总计112分钟

Width anf Height 4分钟
Taps & Floats 12分钟
Graphics Part 1 8分钟
Graphics Part 2 8分钟
Graphics Part 3 7分钟
Site Navigation 6分钟
Formatting Tables Part 1 6分钟
Formatting Tables Part 2 5分钟
Styling Forms 7分钟
Transforms Part 1 8分钟
Transforms Part 2 11分钟
Transforms Part 3 10分钟
Transforms Part 4 3分钟
Animations Part 1 9分钟
Animations Part 2 10分钟

4个作业总计60分钟

CSS for Layouts and Graphics 30分钟
Dimensions, Floats, and Graphics 10分钟
Navigation, Tables, and Forms 10分钟
CSS Transforms and Animations 10分钟

This module introduces advanced CSS techniques, including responsive design, media queries, positioning, and best practices. Learners will gain the ability to build flexible, device-friendly layouts and apply professional CSS coding standards.