Skip to main content

CSS Training

Beginner8 Hours 20 Minutes31 Course Videos96 Test Questions

$79.00

Learn to style web pages with CSS3, covering the box model, layouts, typography, colour, navigation bars and animation. 8 hours 20 minutes across 31 videos, with 96 practice questions.

  • Login details sent straight after payment
  • Self-paced. Study on any device
  • StemBoss Certificate of Completion
  • 14-day refund promise

Secure checkout. Pay by card, Apple Pay or Google Pay.

CSS Training is a beginner course that teaches you to style web pages with CSS3, from syntax and the box model to layouts, typography and animation. It is for new web designers and developers who know basic HTML and want their pages to look good. The course runs for 8 hours 20 minutes across 31 videos, with 96 practice questions.

What you will learn

  • Explain why style sheets are useful and how the cascade works
  • Write CSS rules with the correct structure and syntax
  • Use inline, internal and external style sheets
  • Control size, margin, padding and borders with the box model
  • Position and float elements to build page layouts
  • Work with colours, backgrounds and web fonts
  • Add text and shadow effects
  • Style lists, navigation bars and tables
  • Use transforms, transitions and animations

Course outline

  1. Introduction to CSS3: the benefits of style sheets, structure, syntax and types of style sheet
  2. Understanding the CSS Box Model: height, width, margin, padding and borders
  3. Working With Page Layouts: positioning, floating, display and visibility
  4. Using Colors and Backgrounds: colour values and background styles
  5. Web Typography: fonts, text properties and shadow effects
  6. Links, Lists, and Tables: lists, navigation bars and tables
  7. Dynamic CSS3 Properties: transforms, transitions, animations and a CSS project

Who this course is for

  • Beginners who have learned some HTML
  • Web designers who want more control over layout
  • Developers who want to refresh their CSS skills
  • Content editors who want to tidy up how pages look
  • Anyone who wants their sites to look good on different screens
  • Freelancers who build small business websites

Before you start

No formal prerequisites are listed. Knowing basic HTML will help, because CSS styles the HTML elements on a page.

You need a computer, a modern web browser and a code editor. Build each example yourself, then use the 96 practice questions to check your progress.

Jobs this course supports

  • Web developer
  • Web designer
  • Freelance web designer

Skill level

Beginner
Duration

8 Hours 20 Minutes
Videos

31 Course Videos
Questions

96 Test Questions
Prerequisites

None. Basic HTML helps.
Best for

Beginner web designers, front-end learners, freelancers
Topics covered

CSS syntax, Box model, Page layout, Colours and backgrounds, Typography, Navigation bars and tables, Transforms and animation
Format

Online video lessons, self-paced
Language

English
Closed captions

Yes
Certificate

StemBoss Certificate of Completion

What is inside this course

7 modules and 31 lessons. Here is the full outline.

Module 1: Introduction to CSS37 lessons
  1. Introduction
  2. The Advantages Of Style Sheets
  3. Discovering Cascading Style Sheets
  4. CSS Structure And Syntax Part1
  5. CSS Structure And Syntax Part2
  6. CSS Structure And Syntax Part3
  7. Using Different Kinds Of Style Sheets
Module 2: Understanding The CSS Box Model4 lessons
  1. What Is The Box Model
  2. Height And Width
  3. Margin And Padding
  4. Working With Borders
Module 3: Working With Page Layouts3 lessons
  1. Positioning Elements
  2. Floating Elements
  3. Controlling Display And Visibility
Module 4: Using Colors And Backgrounds2 lessons
  1. Working With Colors
  2. Working With Backgrounds
Module 5: Web Typography4 lessons
  1. Understanding Fonts
  2. Working With Text Properties
  3. Text And Shadow Effects Part1
  4. Text And Shadow Effects Part2
Module 6: Links, Lists, And Tables4 lessons
  1. Working With Lists
  2. Using Navigation Bars
  3. Working With Tables Part1
  4. Working With Tables Part2
Module 7: Dynamic CSS3 Properties7 lessons
  1. Using Transforms Part1
  2. Using Transforms Part2
  3. Using Transitions
  4. Using Animations
  5. CSS Project Part1
  6. CSS Project Part2
  7. Course Conclusion

Your learning path

Where CSS Training fits. Build your skills one step at a time.

You are hereCSS Training
Next stepMicrosoft 70-480: Programming in HTML5 with JavaScript and CSS3

Frequently asked questions

Do I need to know HTML before CSS Training?

It is not required, but basic HTML will help because CSS styles HTML elements.

Does the course cover CSS animation?

Yes. The final module covers transforms, transitions and animations.

Is there a project in the course?

Yes. You finish with a two-part CSS project that brings the skills together.

What is the CSS box model?

It is the way CSS treats every element as a box with content, padding, a border and a margin. A full module explains it.

Do I get a certificate?

Yes. You get a StemBoss Certificate of Completion when you finish the course.

Can I get a refund?

Yes, within 14 days if you have completed less than 20% of the course. See our refund policy for details. Read the refund policy.

Related courses

$79.00
Buy course