CSS Basics

Overview

CSS (Cascading Style Sheets) is a style sheet language that describes the presentation of web pages. Whereas HTML is what forms the structure of a web page, CSS is what we use to style the HTML with colors, backgrounds, font sizes, layout, and more. As you'll soon learn, CSS is one of the core technologies for designing and building websites.

What you'll learn

Basic Selectors
Common Values and Units
CSS Layout
New CSS Features

Syllabus

Getting Started with CSS

Get started with one of the core technologies for designing and building websites and applications. In this stage, you'll learn about the evolution of CSS, helpful resources, and how to add CSS to a page.

Basic Selectors

Selectors are one of the most important and powerful parts of CSS. In this stage, you'll learn the different ways we can target HTML elements with basic selectors.

Understanding Values and Units

Every CSS property has a set of values it can accept. Most properties accept keywords that literally describe a value. Many properties also accept numbers, functions, length values, or a URL. In this stage, you'll learn the common values and units CSS properties accept.

The Box Model

The box model is the basis of CSS layout because it dictates how elements are displayed and how they interact with each other.

Basic Layout

In this stage, we'll continue styling our website with background properties and basic layout methods.

Designing with the Latest Features

Today's CSS features are becoming closer to tools we'd normally use in a graphics editor. CSS has introduced many in-browser design features like rounded corners, box shadows, gradients, and more. In this stage, we'll add the finishing touches to our page using many of the latest features introduced to CSS. Then, make sure our page looks good on all devices with media queries.

Fundamental Concepts

Now that we've explored many of the core features of CSS, it's time to take this knowledge further by learning important fundamental concepts. In this stage, you'll learn all about the CSS cascade, inheritance, and helpful tips and tools to practice and retain what you’re learning.