-
Introduction
2VideosThis introduction is a broad overview of Cascading Style Sheets (CSS) and how they interact with HTML documents.
View Badge -
Selectors
3VideosSelectors allow for styling to be applied to particular page elements. This critical concept makes it easy to choose a specific page element and assign CSS properties to it.
View Badge -
Selectors Challenge
Test your knowledge of CSS selectors in this Code Challenge.
Sign up to take the challenge -
Data Types
2VideosData types are different classes of information that can be used with CSS properties. Data Types include integers and floating point values (numbers), strings (pieces of text), colors, and more.
View Badge -
Text
2VideosIn addition to the font property, there are several more properties that allow for text elements to be further manipulated. Examples include the word-spacing, letter-spacing, and line-height properties.
View Badge -
Text Challenge
Test your knowledge of CSS text manipulations in this Code Challenge.
Sign up to take the challenge -
The Box Model
4VideosThe CSS box model describes rectangular elements on a web page. Each box has a content area which is surrounded by padding, border, and margin areas.
View Badge -
Page Layout
3VideosThe visual formatting model in CSS governs the layout of page elements based on several CSS properties and concepts, such as the size of an element and its position.
View Badge -
Printing
2VideosWhen a user attempts to make a hard copy of a webpage, special CSS styles can be applied to enhance the printing experience. Users will appreciate this, because in most cases it increases the focus on the page content and decreases the amount of printer ink they have to use.
View Badge -
Framework Foundations
2VideosThe CSS specification created by the W3C is already very powerful by itself. However, there are pieces of CSS code that most web professionals will have to create repeatedly. This development friction can be eased by using a CSS framework, which is a set of reusable CSS code that is general enough to be applied to just about any project.
View Badge -
Mastery Challenge
Pass this Code Challenge to prove you've mastered CSS! Good luck!
Sign up to take the challenge
Design Foundations
Unlocking this badge will help you earn the Design Foundations badge.
View the badge mapAbout this badge
Cascading Style Sheets (CSS) is a language used to describe the visual look of a web page. Using CSS, it is possible to change colors, margin, padding, fonts, and much more.
