CSS Fundamentals

CSS Fundamentals

Our CSS tutorial is a learning game that will teach you how to set and control the style and layout of a website.

Go through carefully selected content, take the interactive quizzes, accumulate checkpoints, complete entertaining exercises, collect colorful points, and practice filling out actual CSS templates. Whether you want to gain a new skill to further your career, or just want to learn something new, we guarantee that you will enjoy learning while playing and playing while learning with our CSS tutorial!

Lessons: 76

193 Quizzes

Module 1: The Basics

2

2 Inline, Embedded, External CSS

3

3 CSS Rules and Selectors

4

1

5 Style Cascade and Inheritance

2

6 Module 1 Quiz

4

Module 2: Working with Text

2

2

2

2

11 font-variant

1

2

13 Aligning Text Horizontally

1

14 Aligning Text Vertically

3

15 text-decoration

2

16 Indenting the Text

1

2

18 text-transform

2

19 letter-spacing

2

20 word-spacing

2

21 white-spacing

2

22 Module 2 Quiz

3

Module 3: Properties

23 Introducing the Box Model

1

24 Understanding the Box Model

3

3

26 Width and Height

3

27 background-color

2

28 background-image

2

29 background-repeat

2

30 background-attachment

2

31 Styling the Lists

3

32 Styling the Tables

4

33 Styling the Links

2

34 Customizing the Mouse Cursor

3

35 Module 3 Quiz

4

Module 4: Positioning and Layout

36 The display Property

3

37 The visibility Property

1

3

2

40 The clear Property

3

41 The overflow Property

3

42 The z-index Property

2

43 Module 4 Quiz

5

Module 5: CSS3 Basics

44 Introduction to CSS3

3

45 Vendor Prefixes

2

46 Rounded Corners

2

3

48 Box Shadow Techniques

2

49 Transparency Effect

1

2

51 Pseudo Classes

1

52 Pseudo Elements

2

1

2

55 Module 5 Quiz

4

Module 6: Gradients & Backgrounds

56 Linear Gradients

5

57 Radial Gradients

4

58 background-size

2

59 background-clip

2

60 Transparent Borders

1

61 Multiple Background Images

2

2

63 Module 6 Quiz

4

Module 7: Transitions & Transforms

3

65 transform: rotate()

2

66 transform origin, translate(), skew()

3

67 scale(), Multiple Transformations

2

68 Keyframes & Animation

3

69 Animation Properties

4

70 3D Transforms

3

71 Module 7 Quiz

5

Module 8: CSS Filters

2

73 Filter Functions

5

74 Opacity & Brightness

4

75 Using Multiple CSS Filters

1

76 Module 8 Quiz

6