CSS Fundamentals

Kursinhalt

CSS Fundamentals

CSS Fundamentals

1. Introduction to CSS

What is CSS?Connecting HTML and CSS Selectors for Styling HTML Elements Challenge: Add Your First Styles Challenge: Add The Styles using the Class Name User Action Pseudo-Classes Challenge: User Action Pseudo-Classes Text Colors Effective Work with CSS Challenge: Variables in CSS

2. Text Styles

Text Styling Text Formatting Challenge: Text Formatting Adding Custom Fonts to the Web Page Font Properties Challenge: Fonts

3. Box Model and Element Spacing

Box Model Box Sizing Adding Space to Elements Challenge: Box-Sizing Structural and Functional Pseudo-Classes Challenge: Structural Pseudo-Classes Element Types Working with Block-Level Elements Working with Inline Elements Challenge: Predict the Page Layout

4. Flexbox

What is the Flexbox? Flex Direction Justifying Content Horizontally Aligning Items Vertically Flex Item Properties Challenge: Flexbox Challenge: Work with Flexbox

5. Decorative Effects

Background Color Background Image Working with Images Decorative Pseudo-Elements Shadows Challenge: Decorative Effects Further Steps

Challenge: Fonts

Task

Let's apply various font properties to specific elements:

For h1:

Font family: Arial.
Font size: 36px.
Font weight: 600.
Font style: italic.

For p:

Font family: Georgia.
Font size: 18px.
Font weight: 400.
Font style: normal.

index.html

index.css

font-family: Specifies the font family.
font-size: Defines the font size.
font-weight: Sets the font weight.
font-style: Specifies the font style.

index.html

index.css

War alles klar?

Danke für Ihr Feedback!

Abschnitt 2. Kapitel 6

some-alt