Конспект: основы CSS

ссылка

Конспект: основы CSS

Конспект: Наследование и каскадирование

Ссылки

Иерархическое дерево

Наследование

Наследование «на пальцах»

Ещё немного про наследование

Наследуемые свойства

Не наследуемые свойства

Принудительное наследование

Каскадирование

Битва за курочку

Битва за курочку. Раунд второй

Битва за курочку. Борьба накаляется

Битва за курочку. Запрещённый приём

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

Ссылки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Селектор по id

итог

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

Ссылки

Первая форма

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

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

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

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

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

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

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

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

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

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

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

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

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

Скрытое поле

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

ссылки

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

Пример

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

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

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

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

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

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

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

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

Комбо: colspan + rowspan

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

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

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

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

ссылка

Свойство font-size

Свойство line-height

Свойство font-family

Свойство font-weight

Свойство text-align

Свойство vertical-align