Introduction to CSS

Getting Started with CSS

Course Introduction Free

What is CSS and what is it used for?

Video time: 3m 54s

Video time
3m 54s

Setting up a Development Environment

What tools do you need to write CSS?

Video time: 6m 07s

Video time
6m 07s

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

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

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

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

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

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

Course Introduction Free

Setting up a Development Environment

CSS Syntax

Using CSS 3 Ways

Basic CSS

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

Rounded Corners

Border Images

Gradients

Shadows

Rounded Images

Buttons

Pagination

Responsive Mobile Design with CSS

Intro to Responsive Design

Grid View

Media Queries Free

Images

Using Responsive Frameworks

Using the Bootstrap CSS Framework

Setting Up Bootstrap

Basic Bootstrap Usage

Modifying Bootstrap

Conclusion

HTML, CSS, and Javascript Working Together