Logo
☆☆☆☆☆
0.0
Beginner
4h

现代CSS布局：用风格打造僵尸牌组

本课程将通过僵尸、搞笑元素和幽默感，带你掌握高级且现代的CSS知识。如果你希望学习一门对非技术背景或缺乏技术兴趣的人也友好的课程，或者不介意在学习过程中笑一笑，那么这门课非常适合你。 你将从学习内联与块级方向的基本概念开始，了解它们如何用于构建与方向无关的布局。接着，你将逐步学习CSS多列布局、弹性盒（flexbox），最后掌握网格布局（grid）。每章结束后都会有一个挑战任务，检验你的学习成果。

6 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
View Courses in Subscription
现代CSS布局：用风格打造僵尸牌组
本课程将通过僵尸、搞笑元素和幽默感，带你掌握高级且现代的CSS知识。如果你希望学习一门对非技术背景或缺乏技术兴趣的人也友好的课程，或者不介意在学习过程中笑一笑，那么这门课非常适合你。 你将从学习内联与块级方向的基本概念开始，了解它们如何用于构建与方向无关的布局。接着，你将逐步学习CSS多列布局、弹...

WHAT YOU'LL LEARN

理解内联与块级方向、逻辑属性及其在方向无关布局中的作用

Content

6 Lessons • 0 Quizzes • 0 Challenges

开始之前
  1. 1

    末日潮汐

僵尸内联块头
  1. 1

    块级和行内属性简介

  2. 2

    僵尸的宽度和高度

  3. 3

    填充和边距属性

  4. 4

    边框属性

将部落（划分为纵队）
  1. 1

    列属性

  2. 2

    孤儿和寡妇属性

  3. 3

    断点属性

  4. 4

    列挑战

奇怪的 Flexbox，但也没关系，僵尸
  1. 1

    Flexbox 简介

  2. 2

    justify-content、align-items 和 align-content 属性

  3. 3

    order 和 align-self 属性

  4. 4

    flex-grow、flex-shrink、flex-basis 和 flex 属性

  5. 5

    Flexbox 挑战

CSS 网格僵尸
  1. 1

    网格属性简介

  2. 2

    将内容放置在你的末日废土网格中——第一部分（checkpoint）

  3. 3

    将内容放置在你的末日废土网格中——第二部分

  4. 4

    将内容放置在你的末日废土网格中——第三部分

  5. 5

    网格挑战

结论
  1. 1

    找到合适的僵尸清理工具

  2. 2

    你知道还有什么能杀死僵尸吗？

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)