免费编程课程

免费 CSS 课程：从零开始的在线学习

CSS（层叠样式表）用于网页的视觉呈现，定义页面元素的显示方式。通过 CSS，可以设置文本样式、控制块级元素的位置，并添加动画，从而创建具有吸引力且易于使用的设计。

CSS 入门

1. 层叠样式表 (CSS)

2. 在 HTML 中使用 CSS

3. 样式继承

4. 在 style 标签中书写样式

5. 标签的基本样式

6. 类（Classes）

7. 选择器 (Selectors)

8. 层叠性 (Cascading)

9. 样式优先级

CSS（层叠样式表）用于根据设定的规则格式化网页内容。它们定义了文本样式、元素布局以及动画效果的创建。

文本样式

10. 颜色

11. 文本对齐

12. 字体大小

13. 字体粗细

14. 斜体

15. 大写字母（Capitals）

16. 水平线 hr

17. 行间距 (Line Height)

18. 字体族 (Font Family)

19. 字体的通用规则

20. 排版的基本规则

CSS 使得我们可以灵活地设置文本的外观，包括间距、颜色、字体大小以及其他参数。

块级元素 (Block Elements)

21. 边框 (Borders)

22. 背景 (Background)

23. 内边距 (Padding)

24. 外边距 (Margin)

25. 块级元素的高度与宽度 (Height and Width of a Block)

26. 块级模型 (Box Model)

在使用 CSS 时，不仅文本会被格式化，块级元素也可以被样式化。在本部分中，您将学习如何添加内外边距、边框和背景，并了解块级模型的概念，以及这些属性如何影响元素的最终尺寸。

使用 Flex 布局定位元素

27. Flex 容器 (Flex Container)

28. Flex 元素的方向 (Direction of Flex Items)

29. 容器内元素的换行 (Wrapping Flex Items)

30. 容器内元素的对齐 (Aligning Flex Items inside the Container)

31. 元素的灵活大小 (Flexible Sizing of Flex Items)

网页设计师的任务包括根据设计稿定位网页上的元素，这使得可以将元素放置在左侧、右侧，或者创建画廊和其他布局。在本模块中，我们将介绍 Flex 模块的基础知识，它将简化网页上元素的定位。

其他内容

32. 前缀 (Prefixes)

33. 计量单位 (Units of Measurement)

34. RGB 颜色模型 (RGB Color Model)

35. 媒体查询 (Media Queries)

36. 动画 (Animation)

37. 变量 (Variables)

38. 定位 (Positioning)

在一个课程中无法覆盖 CSS 的所有功能。目前，CSS 已成为一个强大的工具，用于设置文本、块级元素和动画的样式。它还支持变量和计算值的功能。此外，CSS 还可以创建响应式布局，能够适应不同类型的设备，包括电脑和移动设备。