Materialien zum Unterricht

Formatting with CSS - Classes

Classes group a set of styles together and can be reused throughout a website.
They are a powerful tool for designing a page.

Class "bild_rechts"

A new class, `.bild_rechts`, is created in the style.css file.
Classes are identified by the period before the class name.
The name of the class is freely chosen and should indicate what it does.
This is very helpful for reading the source code later.

class example

Then, this class is assigned to the image in the index.html file:

class assignment

Task 1:
In the style.css file, extend the "bild_rechts" class to include a thin border that has padding of 0.2 em.

Task 2:
Add the "merke" class to the style.css file.
It should highlight the definition of fake news.
The background should be pink.
The statement should have a red, 2px wide dotted border.
The padding should be 1 em.

Then update the index.html file with the "merke" class at the appropriate place.