Introduction to CSS

Getting Started with CSS Free lesson 4 lessons

4 lessons

Course Introduction Free

What is CSS and what is it used for?

Video time: 03m 54s

Video time
03m 54s

Setting up a Development Environment

What tools do you need to write CSS?

Video time: 06m 07s

Video time
06m 07s

CSS Syntax

Understanding the basic CSS syntax.

Video time: 04m 29s

Video time
04m 29s

Using CSS 3 Ways

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

Video time: 05m 02s

Video time
05m 02s

Basic CSS Free lesson 19 lessons

19 lessons

Colors Free

How to add and change the colors of elements.

Video time: 04m 07s

Video time
04m 07s

Backgrounds

Changing background colors, images, and more.

Video time: 05m 12s

Video time
05m 12s

Borders

Adding borders to elements, and modifying the border style.

Video time: 03m 34s

Video time
03m 34s

Margins and Padding

Understanding the difference between Margins and Padding.

Video time: 03m 44s

Video time
03m 44s

Height and Width

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

Video time: 03m 10s

Video time
03m 10s

Box Model

Understanding the CSS Box Model for your design and layout.

Video time: 03m 03s

Video time
03m 03s

Outline

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

Video time: 04m 11s

Video time
04m 11s

Text Formatting

How to change the formatting and alignment of text.

Video time: 05m 09s

Video time
05m 09s

Fonts

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

Video time: 03m 19s

Video time
03m 19s

Links

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

Video time: 04m 14s

Video time
04m 14s

Lists

Styling both ordered, and un-ordered lists.

Video time: 04m 08s

Video time
04m 08s

Tables

How to greatly alter the look of HTML tables.

Video time: 04m 51s

Video time
04m 51s

Display

Understanding how an element is displayed with CSS.

Video time: 03m 19s

Video time
03m 19s

Position

Understanding static, relative, fixed and absolute positioning.

Video time: 03m 31s

Video time
03m 31s

Float and Clear

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

Video time: 03m 30s

Video time
03m 30s

Inline-Block

Learn how to make floating easier with Inline-Block

Video time: 03m 03s

Video time
03m 03s

Align

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

Video time: 04m 42s

Video time
04m 42s

Combinators

What are Combinators, and when to use them.

Video time: 04m 31s

Video time
04m 31s

Pseudo-Class

Understanding CSS Pseudo-Classes and how to use them.

Video time: 03m 45s

Video time
03m 45s

Intermediate CSS 7 lessons

7 lessons

Rounded Corners

Adding cool rounded corners to things.

Video time: 04m 48s

Video time
04m 48s

Border Images

Using images for borders instead of lines.

Video time: 03m 38s

Video time
03m 38s

Gradients

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

Video time: 04m 18s

Video time
04m 18s

Shadows

Adding Shadows to elements.

Video time: 03m 38s

Video time
03m 38s

Rounded Images

Adding Rounded features to images with CSS.

Video time: 03m 13s

Video time
03m 13s

Buttons

Creating and styling buttons with CSS.

Video time: 03m 35s

Video time
03m 35s

Pagination

Creating Pagination with CSS.

Video time: 03m 38s

Video time
03m 38s

Responsive Mobile Design with CSS Free lesson 5 lessons

5 lessons

Intro to Responsive Design

Understanding the concept of responsive design for mobile devices.

Video time: 04m 04s

Video time
04m 04s

Grid View

What is the grid view and why is it important?

Video time: 04m 18s

Video time
04m 18s

Media Queries Free

Showing different web page designs based on different sized devices.

Video time: 04m 10s

Video time
04m 10s

Images

How to resize images responsively for mobile devices.

Video time: 03m 47s

Video time
03m 47s

Using Responsive Frameworks

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

Video time: 04m 26s

Video time
04m 26s

Using the Bootstrap CSS Framework 3 lessons

3 lessons

Setting Up Bootstrap

How to add Bootstrap to your website.

Video time: 03m 52s

Video time
03m 52s

Basic Bootstrap Usage

Understanding the basics of Bootstrap

Video time: 04m 31s

Video time
04m 31s

Modifying Bootstrap

How to modify the underlying bootstrap CSS code.

Video time: 04m 29s

Video time
04m 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: 03m 42s

Video time
03m 42s

Introduction to CSS

Lessons

Getting Started with CSS Free lesson 4 lessons

Course Introduction Free

Setting up a Development Environment

CSS Syntax

Using CSS 3 Ways

Basic CSS Free lesson 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 Free lesson 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