Logo
☆☆☆☆☆
0.0
Beginner
4h 55m

CSS入门完全指南

本课程面向 CSS 初学者,从 CSS 的引入方式和选择器讲起,逐步学习层叠、继承、具体性等核心概念,并掌握常用 CSS 单位、盒模型与 calc() 等基础知识。随后课程会带你设置背景与颜色,使用 CSS 布局控制图文排版,并为网页元素添加动画效果。最后还会介绍 CSS 架构与代码组织,帮助你构建结构清晰、便于维护的网页样式。

10 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
CSS入门完全指南
本课程面向 CSS 初学者,从 CSS 的引入方式和选择器讲起,逐步学习层叠、继承、具体性等核心概念,并掌握常用 CSS 单位、盒模型与 calc() 等基础知识。随后课程会带你设置背景与颜色,使用 CSS 布局控制图文排版,并为网页元素添加动画效果。最后还会介绍 CSS 架构与代码组织,帮助你构建...

WHAT YOU'LL LEARN

熟练掌握使用层叠样式表(CSS)进行现代网页设计的最佳实践,用于HTML文档。

Content

10 Lessons • 0 Quizzes • 0 Challenges

CSS简介
  1. 1

    课程介绍

  2. 2

    为项目添加 CSS

CSS 选择器
  1. 1

    选择元素

  2. 2

    使用文档层次结构

  3. 3

    使用属性选择器

  4. 4

    第一部分:伪类

  5. 5

    第二部分:伪类

  6. 6

    伪元素

  7. 7

    自我测验:CSS 选择器

CSS 核心概念
  1. 1

    级联与继承

  2. 2

    具体性

CSS 单位
  1. 1

    单位介绍

  2. 2

    像素和百分比

  3. 3

    字体相关单位

  4. 4

    视口单位

  5. 5

    自我测验:CSS 单位

CSS 基础知识
  1. 1

    盒模型

  2. 2

    边距

  3. 3

    填充

  4. 4

    边框

  5. 5

    注释

  6. 6

    字体

  7. 7

    列表样式

  8. 8

    CSS 中的计算

  9. 9

    自我测验:CSS 基础知识

背景与颜色
  1. 1

    背景

  2. 2

    颜色与关键词

  3. 3

    十六进制

  4. 4

    RGB/RGBA

  5. 5

    HSL/HSLA

  6. 6

    自我测验:CSS 中的背景与颜色

  7. 7

    关于可访问性

CSS 布局
  1. 1

    显示属性

  2. 2

    定位

  3. 3

    z-index 属性

  4. 4

    第一部分:Flexbox 基础

  5. 5

    第二部分:Flexbox 基础

  6. 6

    Flexbox:居中对齐与弹性项目

  7. 7

    网格:基础与项目定位

  8. 8

    网格:内容的对齐与分布

  9. 9

    居中

  10. 10

    媒体查询

  11. 11

    自我测验:CSS 布局

为你的 CSS 添加动画效果
  1. 1

    滤镜(filter)

  2. 2

    变换(transform)

  3. 3

    过渡(transition)

  4. 4

    动画(animation)

  5. 5

    测验自己:CSS 动画

CSS 架构
  1. 1

    特性查询

  2. 2

    自定义属性(变量)

  3. 3

    重置与归一化

  4. 4

    厂商前缀

  5. 5

    自我测验:CSS 架构

结论
  1. 1

    总结一下!

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)