Course Description

Tried of boring HTML pages?

This course is for you learn how to apply CSS to your HTML pages and bring them to life.

Source Code included - Try the code and learn - See what you can do with Cascading Style Sheets!!!

Step by Step lesson on how to get started with CSS

HTML experience is a prerequisite to this course.

Course covers

  • Applying colors

  • Options for units and color coding

  • Setting of background images to elements

  • Updating position

  • CSS syntax and how to select elements

  • Box model CSS border margins and padding of elements

  • Project code a website apply CSS to a basic HTML page

  • Pseudo classes

  • Display properties

  • Cascading Style Sheets position

  • Cascading Style Sheets Float

  • Selecting multiple elements, selector nesting

  • Fonts and font styles

  • Commonly used CSS options

  • Top resources and tips for writing CSS

Apply what you learned in the lessons, your skills are put to the test at the end of the section to design and update CSS to an HTML webpage. Transform it using CSS to the design and make it look like a real website.

Setting navigation bar and more.

Taught by an instructor with many years of real world web development experience ready to help you learn CSS.

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

What are you waiting for, you have nothing to lose, join now and start coding CSS today!  

Who this course is for:

  • Web Designers

  • Web Coders

  • Web developers

  • Anyone who create digital content  


  • HTML and basic webpage understanding

  • Coding and desire to learn CSS

Course Outcomes

  • Apply CSS to HTML pages

  • Learn about CSS syntax

  • How to code CSS

Course curriculum

  1. 1
    • CSS Quick Start to Styling

    • Visual Studio Code Editor Setup

    • Quick Introduction to CSS Setup

    • How CSS Works on WebPages

  2. 2
    • CSS Color Options

    • Selector Syntax making selections

    • CSS Box Model Border Margin Padding

    • Background Image options CSS

    • Pseudo Classes CSS

    • Display Property CSS

    • CSS Position

    • CSS Float

    • Selector Nesting - Mutiple Selectors

    • Font styles CSS

    • Common CSS properties

  3. 3
    • Webpage Project add Styling part 1

    • Webpage Project add Styling part 2

  4. 4
    • Source codes

CSS for Beginners: Learn CSS from Scratch