README.md

CSS (день 22)

Визуализируйте страницу с помощью CSS

Вступление

• Роль CSS

• Как работает CSS

• Правила, атрибуты и ценности

• Общие селекторы

Цвет

• Как указать цвета
• Цветовая гамма и цветовой контраст
• Фоновый цвет

текст / шрифт（text / font）

• Размер и шрифт текста (font-size / font-family)

• Толщина, стиль, растяжка и оформление (font-weight / font-style / font-stretch / text-decoration)

• Высота строки, межбуквенный интервал и межсловный интервал

• Выравнивание (выравнивание текста) и отступ (идентификатор текста)

• Стиль ссылки (: ссылка /: посетил /: актив /: наведен)

• CSS3 новые свойства

  • Эффект тени-текст-тень
  • Первая буква и первая строка текста (: first-letter /: first-line)
  • Отвечайте пользователям

Коробка （box model）

• Контроль размера коробки（width / height）

• Граница, внешнее поле и внутреннее поле поля (граница/поле/отступ)（border/margin/padding）

• Показать и скрыть поле (отображение / видимость)（display / visibility）

• CSS3 новые свойства

  • Граница-изображение（border-image）
  • Проекция (граница-тень)（border-shadow）
  • Закругленные углы （border-radius）

Списки, таблицы и формы

• Список маркеров (в виде списка)
• Граница и фон таблицы (border-collapse)
• Внешний вид элементов управления формой
• Выравнивание элементов управления формой
• Инструменты разработчика для браузера

изображение

• Управление размером изображения (отображение: встроенный блок)
• Выровнять изображение
• Фоновое изображение (background / background-image / background-repeat / background-position) （background / background-image / background-repeat / background-position）

макет

• Положение элемента управления (позиция / z-индекс)

• Нормальный поток

• Относительное позиционирование

• Абсолютное позиционирование

• Фиксированное позиционирование

• Плавающий элемент (float / clear)

Макет HTML5

• По размеру экрана
  • Макет фиксированной ширины
  • Плавный макет
  • Сетка макета

Вернуться на главную

К следующему занятию