Курс по CSS

Основы CSS Часть 1:

• Определите стиль и примените его к CSS.

• Примеры применения font-size, color, text-align, margin, padding, border и background-color к элементам.

• Определение ссылок и как их включить в HTML для применения стилей CSS.

• Иерархия inline style > id > class > tag для эффективного применения стилей CSS.

• Применение стилей CSS непосредственно к элементу с помощью inline styles.

• Применение стилей CSS с использованием id.

• Применение стилей CSS с использованием class.

Основы CSS Часть 2:

• Использование HTML тегов.

• Вложенность HTML элементов.

• Понимание иерархии CSS классов.

• Изучение hover и его использование.

• Настройка ширины и высоты HTML.

Инфраструктура макета страницы Часть 1:

• Соглашения об именовании классов в CSS

• Различие между свойствами visibility и display и как применять их в дизайне

• Примеры CSS-свойств, таких как border-radius, visibility, display, box-sizing

• Преимущества использования модели border-box для лучшего макета дизайна.

Инфраструктура макета страницы Часть 2:

• Улучшение макетов в CSS.

• Что делают float и clear с макетом документа.

• Использование float и clear.

• Обзор подходов к выравниванию элементов.

Позиционирование элементов с помощью CSS Часть 1:

• Изучение свойства position в CSS.

• Понимание относительного позиционирования.

• Понимание абсолютного позиционирования.

• Контроль позиции с использованием свойств top, left, right и bottom.

• Использование z-index для контроля порядка наложения элементов.

Позиционирование элементов с помощью CSS, часть 2:

• Изучите, как позиционировать элементы с помощью свойства CSS position.

• Поймите разницу между position: relative и position: absolute.

• Изучите, как использовать свойства top, left, right и bottom для корректировки позиции элементов.

• Откройте для себя, как управлять порядком наложения элементов с помощью свойства z-index.