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 54s

Video time
3m 54s

Setting up a Cloud Development Environment

What tools do you need to write CSS?

Video time: 4m 44s

Video time
4m 44s

CSS Syntax

Understanding the basic CSS syntax.

Video time: 4m 29s

Video time
4m 29s

Using CSS 3 Ways

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

Video time: 5m 02s

Video time
5m 02s

Basic CSS 19 lessons

19 lessons

Colors Free

How to add and change the colors of elements.

Video time: 4m 07s

Video time
4m 07s

Backgrounds

Changing background colors, images, and more.

Video time: 5m 12s

Video time
5m 12s

Borders

Adding borders to elements, and modifying the border style.

Video time: 3m 34s

Video time
3m 34s

Margins and Padding

Understanding the difference between Margins and Padding.

Video time: 3m 44s

Video time
3m 44s

Height and Width

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

Video time: 3m 10s

Video time
3m 10s

Box Model

Understanding the CSS Box Model for your design and layout.

Video time: 3m 03s

Video time
3m 03s

Outline

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

Video time: 4m 11s

Video time
4m 11s

Text Formatting

How to change the formatting and alignment of text.

Video time: 5m 09s

Video time
5m 09s

Fonts

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

Video time: 3m 19s

Video time
3m 19s

Links

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

Video time: 4m 14s

Video time
4m 14s

Lists

Styling both ordered, and un-ordered lists.

Video time: 4m 08s

Video time
4m 08s

Tables

How to greatly alter the look of HTML tables.

Video time: 4m 51s

Video time
4m 51s

Display

Understanding how an element is displayed with CSS.

Video time: 3m 19s

Video time
3m 19s

Position

Understanding static, relative, fixed and absolute positioning.

Video time: 3m 31s

Video time
3m 31s

Float and Clear

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

Video time: 3m 30s

Video time
3m 30s

Inline-Block

Learn how to make floating easier with Inline-Block

Video time: 3m 03s

Video time
3m 03s

Align

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

Video time: 4m 42s

Video time
4m 42s

Combinators

What are Combinators, and when to use them.

Video time: 4m 31s

Video time
4m 31s

Pseudo-Class

Understanding CSS Pseudo-Classes and how to use them.

Video time: 3m 45s

Video time
3m 45s

Intermediate CSS 7 lessons

7 lessons

Rounded Corners

Adding cool rounded corners to things.

Video time: 4m 48s

Video time
4m 48s

Border Images

Using images for borders instead of lines.

Video time: 3m 38s

Video time
3m 38s

Gradients

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

Video time: 4m 18s

Video time
4m 18s

Shadows

Adding Shadows to elements.

Video time: 3m 38s

Video time
3m 38s

Rounded Images

Adding Rounded features to images with CSS.

Video time: 3m 13s

Video time
3m 13s

Buttons

Creating and styling buttons with CSS.

Video time: 3m 35s

Video time
3m 35s

Pagination

Creating Pagination with CSS.

Video time: 3m 38s

Video time
3m 38s

Responsive Mobile Design with CSS 5 lessons

5 lessons

Intro to Responsive Design

Understanding the concept of responsive design for mobile devices.

Video time: 4m 04s

Video time
4m 04s

Grid View

What is the grid view and why is it important?

Video time: 4m 18s

Video time
4m 18s

Media Queries Free

Showing different web page designs based on different sized devices.

Video time: 4m 10s

Video time
4m 10s

Images

How to resize images responsively for mobile devices.

Video time: 3m 47s

Video time
3m 47s

Using Responsive Frameworks

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

Video time: 4m 26s

Video time
4m 26s

Using the Bootstrap CSS Framework 3 lessons

3 lessons

Setting Up Bootstrap

How to add Bootstrap to your website.

Video time: 3m 52s

Video time
3m 52s

Basic Bootstrap Usage

Understanding the basics of Bootstrap

Video time: 4m 31s

Video time
4m 31s

Modifying Bootstrap

How to modify the underlying bootstrap CSS code.

Video time: 4m 29s

Video time
4m 29s

Conclusion 1 lesson

1 lesson

HTML, CSS, and Javascript Working Together

How do HTML, CSS, and Javascript work together to make up front-end web development

Video time: 3m 42s

Video time
3m 42s

Introduction to CSS

Lessons

Getting Started with CSS 4 lessons

Course Introduction Free

Setting up a Cloud Development Environment

CSS Syntax

Using CSS 3 Ways

Basic CSS 19 lessons

Colors Free

Backgrounds

Borders

Margins and Padding

Height and Width

Box Model

Outline

Text Formatting

Fonts

Links

Lists

Tables

Display

Position

Float and Clear

Inline-Block

Align

Combinators

Pseudo-Class

Intermediate CSS 7 lessons

Rounded Corners

Border Images

Gradients

Shadows

Rounded Images

Buttons

Pagination

Responsive Mobile Design with CSS 5 lessons

Intro to Responsive Design

Grid View

Media Queries Free

Images

Using Responsive Frameworks

Using the Bootstrap CSS Framework 3 lessons

Setting Up Bootstrap

Basic Bootstrap Usage

Modifying Bootstrap

Conclusion 1 lesson

HTML, CSS, and Javascript Working Together