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

Quiz Yourself: CSS Units

CSS Fundamentals

The Box Model Margins Padding Borders Commenting Fonts Styling Lists 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/

...

/

Pixels and Percentages

Pixels and Percentages

Let's take a look at pixel and percentage units.

We'll cover the following...

Pixels
Percentages
Example

Pixels

.element {   
  width: 500px;  
}

Pixels are the most common measurement unit, which allow us to set a length in pixels. ...

Ask