CSS Training

  4.8 out of 5 based on 208 Ratings

Looking for CSS training with an expert live instructor? We have trained 62,586 students from 11,834 organizations. Where? Webucator's private CSS classes can be delivered at your office anywhere in the world or online with a live instructor. Our public CSS classes run monthly.

Introduction to CSS Training

- $1,335.00

If you have learned HTML and now are looking for CSS training so that you can create well-designed web pages, this is the right CSS course for you. By the end of the course, you'll have a solid understanding of how CSS works and will be able to put it to practice right away.

Next Live Class:

Creating, Styling, and Validating Web Forms

- $1,575.00

This course is all about creating and processing web forms. It starts with using the latest HTML standards to create and provide basic validation for an HTML form. Then it covers styling forms using CSS. This includes showing the validation status of form fields. You'll then learn to write clean, real-time client-side form validation with JavaScript and regular expressions. Finally, you'll learn to validate forms on the server with Node.js, JSON, and Ajax.

Next Live Class:

Modernizing Your CSS Skills

- $890.00

Browser support for modern CSS has improved immensely over the last several years. If you have worked with CSS already, but want to catch up with modern techniques, then this is the right course for you. You will learn to use new CSS selectors to better target elements on the page and to create stunning effects with colors, gradients, masks and images. You'll also learn use CSS to create pages that work equally well on different devices and screen sizes.

Next Live Class:

HTML and CSS Primer

- $445.00

If you are planning to learn or already know how to use a web design tool such as Adobe Dreamweaver, it is useful to have at least basic knowledge of HTML and CSS. The intention of this course is to provide the HTML and CSS training you need to fully understand what Dreamweaver and similar web design tools are doing behind the scenes, so that you can take full advantage of their power and also so that you understand why they might not always work as expected.

Next Live Class:

Introduction to Bootstrap with Sass

If you already know HTML, CSS, and at least some JavaScript and want to learn to use Bootstrap and Sass to design, develop, and manage responsive web and mobile sites and applications, then this is the right course for you. You will first learn to use Bootstrap to quickly create modern-looking web pages. Then we will teach you to use Sass to speed up and better manage your CSS development. And finally, we'll show you how to use Bootstrap and Sass together.

Upgrading to Bootstrap 4

This Bootstrap 4 course is divided into two parts: Lecture and examples of Bootstrap 4's new and changed features and Group project work on your actual website code with your instructor to upgrade the site from Bootstrap 3 to Bootstrap 4.

MOC 20480 - Programming in HTML5 with JavaScript and CSS3

- $2,975.00

If you or your team needs to learn to use Visual Studio to create sophisticated client-side web applications, this is the right course for you. It covers HTML, CSS, and JavaScript techniques used in modern web development, including techniques for communicating with a remote database and storing and managing data in the browser.

Next Live Class:

Rapid Introduction to HTML, CSS, and JavaScript

- $1,980.00

If you and your team need to get up to speed quickly on HTML, CSS, and JavaScript so that you can build and/or maintain the front end of websites, this may be the right course for you. But be aware that we cover a lot of material quickly. For a gentler introduction to these technologies, consider taking our Introduction to HTML, Introduction to CSS, and Introduction to JavaScript courses separately.

Next Live Class:

Introduction to Bootstrap Training

- $1,150.00

Choose this Bootstrap course if you or your team wants to learn Bootstrap 4 from the ground up.

Next Live Class:

More CSS Courses

6-min Narrated Presentation on CSS

  • History of CSS
  • Purpose of CSS
  • CSS: Difficulty Level
  • CSS: The Good
  • CSS: The Future
  • CSS Syntax

History of CSS

  • 1994 – CSS Proposed
  • 1996 – CSS 1 Recommendation Released
  • 1998 – CSS Level 2 Recommendation Published
  • 1999 – CSS Received Much Needed Browser Support
  • 1999 – First Drafts of CSS3

Purpose of CSS

  • CSS separates the structure (the markup language) of a document from the presentation
  • CSS controls the layout, color, and fonts of documents
  • CSS allows consistency of design and precise control

CSS Difficulty Level

CSS: The Good

  • Easy to learn
  • Easy to make changes to the layout and design of a web site without changing the HTML

CSS: The Bad

  • Display isn't always consistent across browsers
  • CSS lacks basic scripting capabilities

CSS: The Future

  • Properties constantly added
  • External programs relied on will become part of the CSS Specification
  • New libraries


CSS rules include selectors and declarations blocks:

selector {
	property: value;
	property: value;
	property: value;


Comments in CSS begin with "/*" and end with "*/"

p {
	color: red; /*Paragraphs should be red*/

CSS Selector: Type

Specifies elements by tag name and affect every instance of that element type:

p {
	color: darkgreen;
	font-family: Verdana;
	font-size: 10pt;

CSS Selector: Descendant

Specifies elements by ancestry. Each "generation" is separated by a space

p strong {
	color: red;

CSS Selector: Child

    Indicates a parent-child relationship
  • Is indicated > between the two tag names
    p > strong {
    	color: red;

CSS Selector: Class

  • The HTML class attribute assigns a class name to an element
  • Names should be descriptive of the purpose of the class

    Don't go there!

    A CSS class selector begins with a dot (.) .warning { font-weight: bold; color: #ff0000;

CSS Selector: ID

  • Uniquely identifies an element on the page
  • Begins with a pound sign (#)
  • Has arbitrary names
    #mainText {
    	margin-left: 20px;  margin-right: 20px;
    This is the main text of the page...

CSS Selector: Attribute

Specifies elements that contain a specific attribute and its value

a[target] {
	color: red;

CSS Selector: Universal

  • Matches every element
  • Applies to the rule to all elements used
  • Indicated by an asterisk (*)
    * {
    	  color: red;

CSS "Cascading" Precedence

  • The rule with the more specific selector takes precedence
  • If two selectors have the same specificity, the rule specified later in the document takes precedence

Embedded Style Sheets

<meta charset="UTF-8">
<title>Embedded Style Sheet</title>
	.warning { color: #ff0000;}
	h1.warning {text-decoration: underline;}
	p.warning {font-weight: bold;}
<h1 class>="warning">WARNING</h1>
<p class>="warning">Don't go there!</p>

External Style Sheet

.warning {
	color: #ff0000;
h1.warning {
	text-decoration: underline;
p.warning {
	font-weight: bold;

Link to External Style Sheet

<meta charset="UTF-8">
<title>External Style Sheet</title>
<link href="StyleSheet.css" rel="stylesheet">
<p>class="warning">Don't go there!</p>

Inline Style

Common Greetings

  • Hello
  • Hi
  • Howdy

Keep Learning CSS

By taking a Webucator CSS Class: https://www.webucator.com/webdev-training/css-training.cfm

"The course delivered a nice introduction to CSS, allowing me to be able to read and understand existing CSS code, as well as feel confident in modifying the code, and with some practice, writing it from scratch myself."

What people say about our training

I took the Introduction to CCS class and it was just what I was looking for. Being able to ask questions and show my screen when I needed to troubleshoot was great.
Patricia Heuser
Wellspring + Stockamp
With my work and family commitments, the courses available and the ability to work them into my life, not to mention the quality of the education, makes this the perfect solution for me.
Melanie Bell
The Goins Group LLC
I've never been disappointed by any Webucator course I've taken.
Kim Henderson
Oracle Corporation
Fantastic virtual learning experience with equally fantastic learned instructor. Will be back for additional classes ... thank you!
Lisa Froude
State Farm Insurance

No cancelation for low enrollment

Certified Microsoft Partner

Registered Education Provider (R.E.P.)

GSA schedule pricing


Students who have taken Instructor-led Training


Organizations who trust Webucator for their Instructor-led training needs


Satisfaction guarantee and retake option


Students rated our CSS trainers 9.56 out of 10 based on 208 reviews

Contact Us or call 1-877-932-8228