Master CSS: Understand How To Manipulate CSS Properties

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome

Lecture 2: IMPORTANT Watch this before you buy- There is NO flexbox or Grid in this course

Lecture 3: Projects we will create – part 1

Lecture 4: Projects we will create – part 2

Lecture 5: Projects we will create – part 3

Lecture 6: Projects we will create – part 4

Lecture 7: Projects we will create – part 5

Lecture 8: Introduction to the tools you can use for this course

Lecture 9: Getting familiar with Visual Studio code

Lecture 10: Importing the lesson folder into the visual studio code

Chapter 2: Introduction to CSS and styling in CSS

Lecture 1: Introduction to CSS

Lecture 2: Minifying my CSS code on one line

Lecture 3: Inline and Internal CSS styling

Lecture 4: External and @import CSS styling

Chapter 3: CSS colors

Lecture 1: CSS colors introduction

Lecture 2: Colours – Keywords and Hexadecimal

Lecture 3: Colours, opacity and websafe colours

Lecture 4: Colours – RGB( ) function

Lecture 5: Colours – HSL( ) function – part 1

Lecture 6: Colours – HSL( ) function – part 2

Lecture 7: Colours – HWB() function

Chapter 4: Font properties

Lecture 1: Font Properties Introduction

Lecture 2: Font-size, Font-style and Font-variant

Lecture 3: Font-weight and line-height

Lecture 4: Font Family

Lecture 5: Shorthand Font Property

Lecture 6: Google Fonts

Lecture 7: Understanding unset, initial and inherit CSS values

Chapter 5: CSS Length Units

Lecture 1: Length units introduction

Lecture 2: CSS Absolute Length Units

Lecture 3: CSS Relative Length unit _ REM

Lecture 4: CSS Relative Length unit _ EM

Lecture 5: CSS Relative Length unit_EX and CH – part 1

Lecture 6: CSS Relative Length unit_EX and CH – part 2

Lecture 7: CSS Percentage Length unit

Lecture 8: CSS Viewport Length unit – VW and VH

Lecture 9: CSS Viewport Length unit – VMAX and VMIN

Chapter 6: Text properties

Lecture 1: Text Properties introduction

Lecture 2: Text-align and Text-transform

Lecture 3: Text-indent, Letter-spacing and Word-spacing

Lecture 4: Text-decoration

Lecture 5: Text shadow and Box shadow

Lecture 6: Text-emphasis

Lecture 7: Text-stroke property

Lecture 8: Word-wrap and Word-break

Lecture 9: White-space

Chapter 7: CSS Rule

Lecture 1: CSS Rule introduction

Lecture 2: Cascading Inheritance

Lecture 3: CSS Cascade Rule

Lecture 4: CSS Cascade Rule – part 2

Lecture 5: CSS Cascading rule between inline, internal and external styling

Lecture 6: Breaking the cascading rule with !important

Chapter 8: CSS Selectors (Basic to Advanced Selectors)

Lecture 1: CSS Selectors Introduction

Lecture 2: Main types of selectors and their Specificity

Lecture 3: Comparing the power of the id, class and type selectors

Lecture 4: Grouping and combining selectors – part 1

Lecture 5: Grouping and combining selectors – part 2

Lecture 6: Merging selectors

Lecture 7: Relational selectors – descendant

Lecture 8: Relational selectors – direct child and 'not a child of'

Lecture 9: Relational selectors – adjacent and general sibling

Lecture 10: Structural child Pseudo Class – part 1

Lecture 11: Structural child Pseudo Class – part 2

Lecture 12: Structural child Pseudo Class – part 3

Lecture 13: Structural type Pseudo Class – part 1

Lecture 14: Structural type Pseudo Class – part 2

Lecture 15: Link Pseudo class selectors

Lecture 16: User Interface Pseudo class selectors

Lecture 17: Content-Textual Pseudo Element Selectors

Lecture 18: Specialized Selectors

Lecture 19: Disabling ::selection

Lecture 20: Attribute selectors – present, equals and contains

Lecture 21: Attribute selectors – begins with and ends with

Lecture 22: Attribute selectors – includes and hyphenated

Lecture 23: :has() pseudo class selector

Lecture 24: Application of :has() with :root element

Chapter 9: Font Awesome Icons

Lecture 1: Introduction to Font Awesome Icons

Lecture 2: Linking and Applying Font Awesome Icons

Lecture 3: Styling Font Awesome Icons

Chapter 10: Google Icons

Lecture 1: Introduction to Google Icons

Lecture 2: Linking and using Material Symbols

Lecture 3: Linking and using Material Icons

Chapter 11: Display property

Lecture 1: Display – inline, inline-block, block, etc

Chapter 12: Box Model

Lecture 1: Box model – width

Lecture 2: Box model – min and max width for texts

Lecture 3: Box model – min and max width for images

Lecture 4: Box model – height

Lecture 5: Box model – min and max height for texts