Рубрики
html

Конспект: селекторы

Ссылки

Нелёгкая жизнь без селекторов

Селекторы по тегам

Селекторы по классам

Отрабатываем селекторы по классам

Контекстные селекторы

Соседние селекторы

Контекстные и соседние селекторы

Дочерние селекторы

Псевдоклассы

Псевдокласс :nth-child

:nth-child и контекстные селекторы

Псевдокласс :hover

Динамические эффекты с помощью :hover

Псевдоклассы :link, :visited и :active

Псевдокласс :focus

Селекторы атрибутов

Селектор по id

итог

Рубрики
html

Конспект: Формы

Ссылки

Первая форма

Текстовое поле ввода

Идентификатор и значение по умолчанию

Подпись для поля ввода

Связываем подпись и поле по id

Поле для ввода пароля

Кнопка отправки формы

Многострочное поле ввода

Чекбокс или «галочка»

Переключатель или «радиобаттон»

Группа переключателей

Раскрывающийся список или «селект»

«Мультиселект»

Поле для загрузки файлов

Скрытое поле

Рубрики
html

Конспект: Таблици

ссылки

Простейшая таблица

Пример

Задаём рамки с помощью CSS

Улучшаем отображение рамок

Горизонтальные и вертикальные рамки

Отступы между ячейками

Ячейки-заголовки

Заголовок таблицы

Объединяем ячейки в строках

Объединяем ячейки в столбцах

Комбо: colspan + rowspan

Выравнивание содержимого в ячейках

Добавим цвета

Задаём размеры таблицы

Рубрики
html

Конспект «Оформление текста»

ссылка

Свойство font-size

Свойство line-height

Свойство font-family

Свойство font-weight

Свойство text-align

Свойство vertical-align

Свойство color

Контраст цвета текста и фона

Свойство white-space, управление пробелами

Свойство text-decoration

Свойство font-style

Свойство text-transform

Отступы

Рубрики
html

Конспект «Ссылки и изображения»

ссылка

Конспект «Ссылки и изображения»

Рубрики
html

Конспект «Разметка текста»

ссылки

Конспект «Разметка текста»

Тег .
Используется для обозначения фрагментов кода.

С его помощью размечается любой фрагмент текста, который распознается компьютером:
код программы, разметки, название файла и так далее.
Обычно браузеры отображают текст в теге моноширинным шрифтом.

Тег ul — это неупорядоченный список.
Тег можно вкладывать внутрь тега