You are previewing this course

Each course is broken down into short video tutorials taught by award-winning instructors. To access the entire course:

Login Redeem a voucher View pricing

Introduction to CSS

Lessons

What is CSS and what is it used for?
Course Introduction Play

What tools do you need to write CSS?

Setting up a Cloud Development Environment locked
Understanding the basic CSS syntax.
CSS Syntax locked
Learn the three main ways to use CSS on a web page.
Using CSS 3 Ways locked
How to add and change the colors of elements.
Colors Play
Changing background colors, images, and more.
Backgrounds locked
Adding borders to elements, and modifying the border style.
Borders locked
Understanding the difference between Margins and Padding.
Margins and Padding locked
How to change the height and width properties of an element.
Height and Width locked
Understanding the CSS Box Model for your design and layout.
Box Model locked
Learn how to change the style, color, and width of an outline.
Outline locked
How to change the formatting and alignment of text.
Text Formatting locked
How to manipulate the font family, boldness, style, and size, of text.
Fonts locked
Learn to style links. Understanding active, hover, and visited formatting as well as text decoration.
Links locked
Styling both ordered, and un-ordered lists.
Lists locked
How to greatly alter the look of HTML tables.
Tables locked
Understanding how an element is displayed with CSS.
Display locked
Understanding static, relative, fixed and absolute positioning.
Position locked
Understanding Float left, Float right, and the clear statement.
Float and Clear locked
Learn how to make floating easier with Inline-Block
Inline-Block locked
Aligning elements horizontally and vertically, as well as centering objects.
Align locked
What are Combinators, and when to use them.
Combinators locked
Understanding CSS Pseudo-Classes and how to use them.
Pseudo-Class locked
Adding cool rounded corners to things.
Rounded Corners locked
Using images for borders instead of lines.
Border Images locked
Using Gradients with nothing more than CSS (no images needed).
Gradients locked
Adding Shadows to elements.
Shadows locked
Adding Rounded features to images with CSS.
Rounded Images locked
Creating and styling buttons with CSS.
Buttons locked
Creating Pagination with CSS.
Pagination locked

Understanding the concept of responsive design for mobile devices.

Intro to Responsive Design locked
What is the grid view and why is it important?
Grid View locked
Showing different web page designs based on different sized devices.
Media Queries Play
How to resize images responsively for mobile devices.
Images locked
How to use a framework like Bootstrap to shortcut your responsive programming.
Using Responsive Frameworks locked
How to add Bootstrap to your website.
Setting Up Bootstrap locked
Understanding the basics of Bootstrap
Basic Bootstrap Usage locked
How to modify the underlying bootstrap CSS code.
Modifying Bootstrap locked
How do HTML, CSS, and Javascript work together to make up front-end web development
HTML, CSS, and Javascript Working Together locked

Sorry, it looks like there are no lessons that match your filter.