Introduction to CSS

Getting Started with CSS 4 lessons

4 lessons

Course Introduction Free

What is CSS and what is it used for?

Video time: 3m 48s

Video time
3m 48s

Setting up a Cloud Development Environment

What tools do you need to write CSS?

Video time: 4m 38s

Video time
4m 38s

CSS Syntax

Understanding the basic CSS syntax.

Video time: 4m 25s

Video time
4m 25s

Using CSS 3 Ways

Learn the three main ways to use CSS on a web page.

Video time: 4m 56s

Video time
4m 56s

Basic CSS 19 lessons

19 lessons

Colors Free

How to add and change the colors of elements.

Video time: 4m 01s

Video time
4m 01s

Backgrounds

Changing background colors, images, and more.

Video time: 5m 06s

Video time
5m 06s

Borders

Adding borders to elements, and modifying the border style.

Video time: 3m 28s

Video time
3m 28s

Margins and Padding

Understanding the difference between Margins and Padding.

Video time: 3m 38s

Video time
3m 38s

Height and Width

How to change the height and width properties of an element.

Video time: 3m 07s

Video time
3m 07s

Box Model

Understanding the CSS Box Model for your design and layout.

Video time: 2m 59s

Video time
2m 59s

Outline

Learn how to change the style, color, and width of an outline.

Video time: 4m 05s

Video time
4m 05s

Text Formatting

How to change the formatting and alignment of text.

Video time: 5m 03s

Video time
5m 03s

Fonts

How to manipulate the font family, boldness, style, and size, of text.

Video time: 3m 15s

Video time
3m 15s

Links

Learn to style links. Understanding active, hover, and visited formatting as well as text decoration.

Video time: 4m 08s

Video time
4m 08s

Lists

Styling both ordered, and un-ordered lists.

Video time: 4m 02s

Video time
4m 02s

Tables

How to greatly alter the look of HTML tables.

Video time: 4m 45s

Video time
4m 45s

Display

Understanding how an element is displayed with CSS.

Video time: 3m 15s

Video time
3m 15s

Position

Understanding static, relative, fixed and absolute positioning.

Video time: 3m 27s

Video time
3m 27s

Float and Clear

Understanding Float left, Float right, and the clear statement.

Video time: 3m 27s

Video time
3m 27s

Inline-Block

Learn how to make floating easier with Inline-Block

Video time: 3m 02s

Video time
3m 02s

Align

Aligning elements horizontally and vertically, as well as centering objects.

Video time: 4m 36s

Video time
4m 36s

Combinators

What are Combinators, and when to use them.

Video time: 4m 26s

Video time
4m 26s

Pseudo-Class

Understanding CSS Pseudo-Classes and how to use them.

Video time: 3m 39s

Video time
3m 39s

Intermediate CSS 7 lessons

7 lessons

Rounded Corners

Adding cool rounded corners to things.

Video time: 4m 42s

Video time
4m 42s

Border Images

Using images for borders instead of lines.

Video time: 3m 31s

Video time
3m 31s

Gradients

Using Gradients with nothing more than CSS (no images needed).

Video time: 4m 12s

Video time
4m 12s

Shadows

Adding Shadows to elements.

Video time: 3m 32s

Video time
3m 32s

Rounded Images

Adding Rounded features to images with CSS.

Video time: 3m 07s

Video time
3m 07s

Buttons

Creating and styling buttons with CSS.

Video time: 3m 29s

Video time
3m 29s

Pagination

Creating Pagination with CSS.

Video time: 3m 32s

Video time
3m 32s

Responsive Mobile Design with CSS 5 lessons

5 lessons

Intro to Responsive Design

Understanding the concept of responsive design for mobile devices.

Video time: 3m 58s

Video time
3m 58s

Grid View

What is the grid view and why is it important?

Video time: 4m 12s

Video time
4m 12s

Media Queries Free

Showing different web page designs based on different sized devices.

Video time: 4m 04s

Video time
4m 04s

Images

How to resize images responsively for mobile devices.

Video time: 3m 41s

Video time
3m 41s

Using Responsive Frameworks

How to use a framework like Bootstrap to shortcut your responsive programming.

Video time: 4m 20s

Video time
4m 20s

Using the Bootstrap CSS Framework 3 lessons

3 lessons

Setting Up Bootstrap

How to add Bootstrap to your website.

Video time: 3m 46s

Video time
3m 46s

Basic Bootstrap Usage

Understanding the basics of Bootstrap