bugl
bugl
HomeLearnPatternsPathsSearch
HomeLearnPatternsPathsSearch

Loading lesson path

Learn/CSS

CSS

CSS Foundations Practice

Examples and short reinforcement notes for css foundations.

Lesson 1

CSS Border Sides

From the examples on the previous pages, you have seen that it is possible to specify a different border for each side.

Read lesson →Loading…
Lesson 2

CSS Fonts

Choosing the right font has a huge impact on how the readers experience a website.

Read lesson →Loading…
Lesson 3

CSS Nested Counters

You can create multiple counters for different levels of numbering. The following example creates one counter for the page (named "section") and one counter for each <h1> element (named "subsection"):

Read lesson →Loading…
Lesson 4

CSS Performance Optimization

Optimizing CSS makes your website load faster and run more smoothly; which also results in a better user experience.

Read lesson →Loading…
Lesson 5

CSS Accessibility Styling

A website should be designed to ensure good accessibility for all users, including those with disabilities.

Read lesson →Loading…
Lesson 6

CSS Website Layout

A header is usually located at the top of the website, and often contains a logo or the website name:

Read lesson →Loading…