Enroll Now Student Login
COURSE MODULE

CSS — Styling Modern Websites

Transform plain HTML into attractive, responsive and modern interfaces.

32 Lessons
3 Module
LEARNING PATH

Module Lessons

Explore the learning materials and work through the lessons in this module.

32 Lessons
1
Available
LESSON 1

Introduction to CSS and Styling

Introduction to CSS and Styling HTML gives a webpage its structure, but structure alone does not create the visual experience...

Lesson 1 of 32 View Lesson
2
Available
LESSON 2

Introduction to CSS

Introduction to CSSThis lesson is part of the Dwallnet Academy curriculum.

Lesson 2 of 32 View Lesson
3
Available
LESSON 3

CSS Selectors, Combinators and Specificity

Introduction CSS becomes much more powerful when you can precisely control which HTML elements receive a particular style. This is...

Lesson 3 of 32 View Lesson
4
Available
LESSON 4

CSS selectors

CSS selectorsThis lesson is part of the Dwallnet Academy curriculum.

Lesson 4 of 32 View Lesson
5
Available
LESSON 5

CSS Colors, Backgrounds and Typography

Introduction A good website is not only about structure and functionality. Visual presentation is also important. Colors, backgrounds and typography...

Lesson 5 of 32 View Lesson
6
Available
LESSON 6

Colors and backgrounds

Colors and backgroundsThis lesson is part of the Dwallnet Academy curriculum.

Lesson 6 of 32 View Lesson
7
Available
LESSON 7

CSS Box Model, Margin, Padding and Borders

Introduction One of the most important concepts in CSS layout is the box model. Every HTML element displayed by the...

Lesson 7 of 32 View Lesson
8
Available
LESSON 8

Fonts and typography

Fonts and typographyThis lesson is part of the Dwallnet Academy curriculum.

Lesson 8 of 32 View Lesson
9
Available
LESSON 9

CSS Display, Positioning and Overflow

Introduction CSS does more than change colors, fonts, and spacing. It also controls how elements participate in a webpage layout,...

Lesson 9 of 32 View Lesson
10
Available
LESSON 10

The CSS box model

The CSS box modelThis lesson is part of the Dwallnet Academy curriculum.

Lesson 10 of 32 View Lesson
11
Available
LESSON 11

CSS Flexbox Layout

Introduction to CSS Flexbox CSS Flexbox, commonly called Flexbox, is a modern CSS layout system designed to make it easier...

Lesson 11 of 32 View Lesson
12
Available
LESSON 12

Margin and padding

Margin and paddingThis lesson is part of the Dwallnet Academy curriculum.

Lesson 12 of 32 View Lesson
13
Available
LESSON 13

CSS Grid Layout

Introduction to CSS Grid CSS Grid is a powerful two-dimensional layout system designed for creating complex website layouts using rows...

Lesson 13 of 32 View Lesson
14
Available
LESSON 14

Borders and shadows

Borders and shadowsThis lesson is part of the Dwallnet Academy curriculum.

Lesson 14 of 32 View Lesson
15
Available
LESSON 15

Responsive Web Design and Media Queries

Introduction to Responsive Web Design Modern websites are accessed from many different types of devices. A visitor may use a...

Lesson 15 of 32 View Lesson
16
Available
LESSON 16

Display properties

Display propertiesThis lesson is part of the Dwallnet Academy curriculum.

Lesson 16 of 32 View Lesson
17
Available
LESSON 17

CSS Transitions, Transforms and Animations

Introduction to CSS Motion Modern websites are not completely static. Buttons can respond when users move their pointer over them,...

Lesson 17 of 32 View Lesson
18
Available
LESSON 18

Positioning

PositioningThis lesson is part of the Dwallnet Academy curriculum.

Lesson 18 of 32 View Lesson
19
Available
LESSON 19

CSS Variables, Functions and Modern Styling

Introduction to Modern CSS CSS has developed significantly beyond the basic styling techniques used in the early days of the...

Lesson 19 of 32 View Lesson
20
Available
LESSON 20

Flexbox

FlexboxThis lesson is part of the Dwallnet Academy curriculum.

Lesson 20 of 32 View Lesson
21
Available
LESSON 21

CSS Architecture, BEM, Utility Classes and Scalable Styling

Introduction to CSS Architecture Writing CSS for a small webpage is usually straightforward. However, as a website grows, the stylesheet...

Lesson 21 of 32 View Lesson
22
Available
LESSON 22

CSS Grid

CSS GridThis lesson is part of the Dwallnet Academy curriculum.

Lesson 22 of 32 View Lesson
23
Available
LESSON 23

Advanced Responsive Design and Container Queries

Introduction to Advanced Responsive Web Design Responsive web design allows a website to adapt to different devices and screen sizes....

Lesson 23 of 32 View Lesson
24
Available
LESSON 24

Responsive design

Responsive designThis lesson is part of the Dwallnet Academy curriculum.

Lesson 24 of 32 View Lesson
25
Available
LESSON 25

CSS Accessibility, Focus States and Inclusive Design

Introduction to CSS Accessibility Good web development is not only about creating attractive interfaces. A professional website should also be...

Lesson 25 of 32 View Lesson
26
Available
LESSON 26

Media queries

Media queriesThis lesson is part of the Dwallnet Academy curriculum.

Lesson 26 of 32 View Lesson
27
Available
LESSON 27

CSS Performance, Optimization and Maintainability

Introduction to CSS Performance and Maintainability CSS is responsible for controlling the appearance, layout and visual behavior of a website....

Lesson 27 of 32 View Lesson
28
Available
LESSON 28

Transitions

TransitionsThis lesson is part of the Dwallnet Academy curriculum.

Lesson 28 of 32 View Lesson
29
Available
LESSON 29

CSS Architecture, Design Systems and Scalable Component Styling

Introduction to CSS Architecture When a website contains only a few pages, CSS can be relatively simple. However, modern applications...

Lesson 29 of 32 View Lesson
30
Available
LESSON 30

Animations

AnimationsThis lesson is part of the Dwallnet Academy curriculum.

Lesson 30 of 32 View Lesson
31
Available
LESSON 31

Advanced CSS Architecture with Cascade Layers and Modern CSS

Introduction Modern CSS has evolved far beyond simple colors, margins and fonts. Today's CSS provides developers with powerful tools for...

Lesson 31 of 32 View Lesson
32
Available
LESSON 32

Modern UI design principles

Modern UI design principlesThis lesson is part of the Dwallnet Academy curriculum.

Lesson 32 of 32 View Lesson