AI Features

0% completed

All LessonsFree Lessons (2)

Introduction to CSS

Course Introduction Adding CSS to Your Projects

CSS Selectors

Selecting Elements Using the Document Hierarchy Using Attribute Selectors Part 1: Pseudo-Classes Part 2: Pseudo-Classes Pseudo-Elements Quiz Yourself: CSS Selectors

CSS Core Concepts

The Cascade and Inheritance Specificity

CSS Units

Introduction to Units Pixels and Percentages Font-Relative Units Viewport Units Quiz Yourself: CSS Units

CSS Fundamentals

Calculations in CSS

Quiz Yourself: CSS Fundamentals

Backgrounds & Colors

Backgrounds Colors & Keywords Hex RGB/RGBA HSL/HSLA Quiz Yourself: Backgrounds and Colors in CSS Regarding Accessibility

CSS Layout

The Display Property Positioning The z-index Property Part 1: Flexbox Basics Part 2: Flexbox Basics Flexbox: Centering and Flex Items Grid: Basics and Item Positioning Grid: Justifying and Aligning Content Centering Media Queries Quiz Yourself: CSS Layout

Animating Your CSS

Filters Transforms Transitions Animations Quiz Yourself: Animating CSS

CSS Architecture

Feature Queries Custom Properties (Variables)Resets and Normalization Vendor Prefixing Quiz Yourself: CSS Architecture

Conclusion

The Complete Beginner’s Guide to CSS

Borders

Learn all about how to place borders around elements.

We'll cover the following...

The border property
Example

The `border` property

The border surrounds an element between the padding and margin. We can use it to draw an edge around an element. We use the border-width ...