course content

Course Content

CSS Fundamentals

1. Introduction to CSS

What is CSS?Connecting HTML and CSSSelectors for Styling HTML ElementsChallenge: Select an Element Using Dot NotationChallenge: Select an Element Using Class NameUser Action Pseudo-ClassesChallenge: User Action Pseudo-ClassesText ColorsEffective Work with CSSChallenge: Variables in CSS

2. Text styles

Text StylingText FormattingChallenge: Text FormattingAdd Custom Fonts to the Web PageFont PropertiesChallenge: Fonts

3. Box Model and Element Spacing

Box ModelBox SizingAdd Space to ElementsChallenge: Box-SizingStructural and Functional Pseudo-ClassesChallenge: Structural Pseudo-ClassesElement TypesWork with Block-Level ElementsWork with Inline ElementsChallenge: Predict the Page Layout

4. Flexbox

What is the Flexbox? Flex DirectionJustify Content HorizontallyAlign Items VerticallyFlex Item PropertiesChallenge: FlexboxChallenge: Work with Flexbox

5. Decorative Effects

Background ColorBackground ImageWork with ImagesDecorative Pseudo-ElementsShadowsChallenge: Decorative EffectsFurther Steps

CSS Fundamentals

Text StylingText Styling

text-decoration

The text-decoration property can be applied to any text content, including links, headings, paragraphs, and lists. It adds line effects such as underlining. Common values:

Let's run the following example and see the difference between all the property values.

html

index.html

css

index.css

js

index.js

text-transform

The text-transform property allows us to change the capitalization of text content in HTML elements.

Let's consider the difference between all the property values:

html

index.html

css

index.css

js

index.js

text-align

The text-align property allows you to horizontally align text content.

html

index.html

css

index.css

js

index.js

1. What CSS property allows to change the capitalization of text content?
2. What CSS property allows to horizontally align text content?
3. What CSS property allows you to add visual effects to the text content, such as underline or strike-through?

question-icon

What CSS property allows to change the capitalization of text content?

Select the correct answer

question-icon

What CSS property allows to horizontally align text content?

Select the correct answer

question-icon

What CSS property allows you to add visual effects to the text content, such as underline or strike-through?

Select the correct answer

Everything was clear?

Section 2. Chapter 1