Koder.uz

Учебник по верстке для новичков

Основы HTML

1 Соседний селектор 2 Язык HTML 3 HTML теги 4 Атрибуты 5 Стили 6 Основная структура страницы 7 Основные теги 8 Абзацы 9 Заголовки 10 Выделение текста жирным 11 выделения текста курсивом 12 Неупорядоченные списки 13 Упорядоченные списки 14 Ссылки 15 Внутренние ссылки 16 Изображения 17 Ширина картинки 18 Высота картинки 19 Установка ширины и высоты картинки 20 Таблицы 21 Ширина и высота таблицы 22 Ячейки-заголовки 23 Практикум

Основы CSS

24 Введение в CSS 25 Как работать с CSS 26 Значения для цвета 27 Любые цвета 28 Ширина и высота таблицы 29 Выравнивание текста 30 Выравнивание текста вправо 31 Выравнивание текста по центру 32 Выравнивание текста влево 33 Выравнивание текста одновременно вправо и влево 34 Практика на выравнивание текста 35 Жирность 36 Курсив 37 Размер шрифта 38 Семейство шрифта 39 Межстрочный интервал 40 Значение line-height без единиц 41 Свойство-сокращение font 42 Красная строка текста 43 Эффекты текста 44 Нижнее подчеркивание текста 45 Верхнее подчеркивание текста 46 Перечеркивание текста 47 Отмена эффектов для текста 48 Практикум

Селекторы

49 Родственные связи тегов 50 Наследование свойств 51 Группировка селекторов 52 Общие свойства 53 Селекторы потомков 54 Дочерний селектор 55 Селектор класса 56 Тег span 57 Тег div 58 Группировка классов 59 Тег с заданным классом 60 Селектор потомков и классы 61 Сложные комбинации селектора потомков и классов 62 Ошибка новичков в селекторе потомков 63 Элемент с несколькими классами 64 Селектор по id 65 Селектор по id и классы 66 Использование id 67 Селектор по нескольким классам 68 Несколько селекторов слитно 69 Ошибка несколько селекторов 70 Группировка сложных селекторов 71 Ошибка при группировке 72 Тренировка на комбинации селекторов 73 Приоритет селекторов 74 Замечание к конфликту свойств 75 Правила специфичности 76 Приоритет селекторов потомков 77 Соседний селектор 78 Родственный селектор 79 Универсальный селектор 80 Селекторы атрибутов 81 Состояния ссылок 82 Нюансы последовательности состояния ссылок 83 Состояния link и visited 84 Обычное использование состояния ссылок 85 Сложные селекторы со ссылками 86 Ссылка с классом 87 Выборка по позиции элементов 88 Выборка по позиции и типу элементов 89 Отрицание not

Оформление

90 Фоновый цвет 91 Основы работы с границами 92 Сплошная граница 93 Точечная граница 94 Граница в виде тире 95 Выпуклая граница 96 Двойная граница 97 Свойство-сокращение для границы 98 Границы для разных сторон 99 Скругление границ блока 100 Скругление границ фона 101 Создание круга 102 Скругление для разных углов 103 Четыре значения 104 Два значения 105 Три значения 106 Скругление в процентах 107 Создание круга при скруглении в процентах 108 Картинка для фона 109 Повторение картинки фона 111 Маркеры списков ul 112 Квадратные маркеры списков ul 113 Маркеры списков ul в виде кружков

Блочная модель

123 Внешний отступ margin 124 Отступы margin для разных сторон 125 Несколько значений в margin 126 Четыре значения в margin 127 Два значения в margin 128 Три значения в margin 129 Внутренний отступ padding 130 Отступы padding для разных сторон 131 Несколько значений в padding 132 Расширение элементов 133 Влияние границы на расширение элементов 134 Совместное влияние padding и границы на расширение элементов 135 Отмена расширения элементов 136 Блочные элементы 137 Ширина и высота блочного элемента 138 Ширина блочного элемента 139 Высота блочного элемента 140 Высота без содержимого 141 Несколько блочных элементов рядом 142 Строчные элементы 143 Ширина и высота строчного элемента 144 Несколько строчных элементов рядом 145 Отступы между строчными элементами 146 Определение блочной модели 147 Свойство display 148 Строчно-блочные элементы 149 Ширина и высота строчно-блочного элемента 150 Ширина строчно-блочного элемента 151 Высота строчно-блочного элемента 152 Несколько строчно-блочных элементов рядом 153 Выравнивание блочных элементов 154 Выравнивание блочного элемента с отступом 155 Выравнивание блочного элемента с отступом 156 Выравнивание строчных элементов 157 Центрирование строчных элементов 158 Центрирование нескольких строчных элементов 159 Выравнивание строчных элементов по правому 160 Выравнивание строчно-блочных элементов 161 Центрирование строчно-блочных элементов 162 Выравнивание строчно-блочных элементов по правому краю 163 Флекс элементы 164 Высота родителя флекс элементов 165 Ширина родителя флекс элементов 166 Строчно-блочный родитель 167 Отступы padding родителя 168 Отступы margin потомкам 169 Выравнивание флекс элементов 170 Выравнивание флекс элементов по центру 171 Выравнивание флекс элементов по родителю 172 Выравнивание флекс элементов по родителю с отступами 173 Выравнивание флекс элементов по родителю с равными отступами

Позиционирование

Флоаты

Флексы

Гриды

Макеты

light night
uz ru