CoderDocs

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

Языки для создания сайта

Язык HTML

HTML теги

Атрибуты в HTML тегах

Стили HTML тегов

Основная структура страницы HTML

Работа с основными HTML тегами

Теги для абзацев

Теги для заголовков страницы

Теги для выделения текста жирным

Теги для выделения текста курсивом

Неупорядоченные списки в HTML

Упорядоченные списки в HTML

Работа со ссылками в HTML

Внутренние ссылки в HTML

Работа с изображениями в HTML

Ширина картинки в HTML

Высота картинки в HTML

Ширина и высота картинке в HTML

Работа с таблицами в HTML

Ширина и высота таблицы в HTML

Ячейки-заголовки в таблице в HTML

Основы работы с языком CSS

Как работать с CSS

Ключевые слова для цвета в CSS

Любые цвета в CSS

Ширина и высота элементов в CSS

Выравнивание текста в CSS

Выравнивание текста вправо в CSS

Выравнивание текста по центру в CSS

Выравнивание текста влево в CSS

Выравнивание текста одновременно вправо и влево в CSS

Практика на выравнивание текста в CSS

Жирность текста в CSS

Курсив в CSS

Размер шрифта в CSS

Тип шрифта в CSS

Межстрочный интервал в CSS

Значение line-height без единиц в CSS

Свойство-сокращение font в CSS

Красная строка текста в CSS

Эффекты текста в CSS

Нижнее подчеркивание текста в CSS

Верхнее подчеркивание текста в CSS

Перечеркивание текста в CSS

Отмена эффектов для текста в CSS

Практика на основные CSS свойства

Родственные связи тегов в HTML

Наследование CSS свойств

Группировка селекторов в CSS

Общие свойства при группировке селекторов в CSS

Селектор потомков в CSS

Дочерний селектор в CSS

Классы элементов в CSS

Тег span для кусочков текста в HTML

Тег div для группировки тегов в HTML

Группировка классов в CSS

Тег с заданным классом в CSS

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

Сложные комбинации селектора потомков и классов в CSS

Ошибка новичков в селекторе потомков

Элемент с несколькими CSS классами

Выбор элемента по уникальному id в CSS

Селектор по id и CSS классы

Использование id в CSS

Выбор элемента по нескольким классам в CSS

Несколько селекторов слитно в CSS

Ошибка при использовании несколько CSS селекторов

Группировка сложных селекторов в CSS

Ошибка при группировке сложных CSS селекторов

Практика на комбинации CSS селекторов

Приоритет селекторов CSS

Замечание к конфликту свойств CSS

Правила специфичности в CSS

Приоритет селекторов потомков в CSS

Соседний селектор в CSS

Родственный селектор в CSS

Универсальный селектор в CSS

Состояния ссылок в CSS

Нюансы последовательности состояния ссылок в CSS

Состояния ссылок link и visited в CSS

Обычное использование состояния ссылок в CSS

Сложные селекторы с состояниями ссылок в CSS

Ссылка с классом в CSS

Выборка по позиции элементов в CSS

Выборка по позиции и типу элементов в CSS

Селектор отрицания в CSS

Установка фонового цвета в CSS

Основы работы с границами в CSS

Сплошная граница в CSS

Точечная граница в CSS

Граница в виде тире в CSS

Выпуклая граница в CSS

Двойная граница в CSS

Свойство-сокращение для границы в CSS

Граница для отдельных сторон в CSS

Скругление границ блока в CSS

Скругление границ фона в CSS

Создание круга в CSS

Разные скругления для разных углов CSS

Четыре значения скругления для разных углов CSS

Два значения скругления для разных углов CSS

Три значения скругления для разных углов в CSS

Скругленные уголки в процентах в CSS

Создание круга при скруглении в процентах в CSS

Картинка для фона в CSS

Повторение картинки фона в CSS

Другие свойства для фона в CSS

Работа с маркерами списков ul в CSS

Квадратные маркеры списков ul в CSS

Маркеры списков ul в виде кружков в CSS

Работа с маркерами списков ul в CSS

Отсутствие маркеров списков ul в CSS

Работа с маркерами списков ol в CSS

Строчные римские цифры для списков ol в CSS

Заглавные римские цифры для списков ol в CSS

Строчные латинские буквы для списков ol в CSS

Заглавные латинские буквы для списков ol в CSS

Строчные греческие буквы для списков ol в CSS

Числа с нулем впереди для списков ol в CSS

Работа с отступами margin в CSS

Отступы margin для разных сторон в CSS

Несколько значений в свойстве margin в CSS

Четыре значения в свойстве margin в CSS

Два значения в свойстве margin в CSS

Три значения в свойстве margin в CSS

Работа с отступами padding в CSS

Отступы padding для разных сторон в CSS

Несколько значений в свойстве padding в CSS

Работа с отступами padding в CSS

Влияние границы на расширение элементов в CSS

Влияние padding и границы на расширение элементов в CSS

Отмена расширения элементов в CSS

Особенности блочных элементов в CSS

Ширина и высота блочного элемента в CSS

Ширина блочного элемента в CSS

Высота блочного элемента в CSS

Высота блочного элемента без содержимого в CSS

Несколько блочных элементов рядом в CSS

Особенности строчных элементов в CSS

Ширина и высота строчного элемента в CSS

Несколько строчных элементов рядом в CSS

Отступы между строчными элементами в CSS

Определение блочной модели HTML тегов

Работа со свойством display в CSS

Особенности строчно-блочных элементов в CSS

Ширина и высота строчно-блочного элемента в CSS

Ширина строчно-блочного элемента в CSS

Высота строчно-блочного элемента в CSS

Несколько строчно-блочных элементов рядом в CSS

Выравнивание блочных элементов в CSS

Выравнивание блочного элемента с отступом слева в CSS

Выравнивание блочного элемента с отступом справа в CSS

Выравнивание строчных элементов в CSS

Центрирование строчных элементов в CSS

Центрирование нескольких строчных элементов

Выравнивание строчных элементов по правому краю в CSS

Выравнивание строчно-блочных элементов в CSS

Центрирование строчно-блочных элементов в CSS

Выравнивание строчно-блочных элементов по правому краю в CSS

Флекс элементы в CSS

Высота родителя флекс элементов в CSS

Ширина родителя флекс элементов в CSS

Строчно-блочный родитель флекс элементов в CSS

Отступы padding родителя флекс элементов в CSS

Отступы margin потомкам в CSS

Выравнивание flex элементов в CSS

Выравнивание флекс элементов по центру в CSS

Выравнивание флекс элементов по родителю в CSS

Выравнивание флекс элементов по родителю с отступами в CSS

Выравнивание флекс элементов по родителю с равными отступами в CSS

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

Относительное позиционирование элементов в CSS

Позиционирование относительно родителя в CSS

Позиционирование относительно абсолютного родителя в CSS

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

Центрирование через абсолют в CSS

Отрицательные значения при позиционировании в CSS

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

Блок на всю ширину экрана в CSS

Наложение элементов по оси Z в CSS

Регулирование наложения элементов по оси Z в CSS

Нюансы применения отрицательного значения z-index в CSS

Введение в свойство float в CSS

Проникновение плавающих элементов через теги в CSS

Сочетание float и margin в CSS

Сочетание float и padding в CSS

Отступы для картинки при сочетании float и padding в CSS

Отступы плавающему элементу в CSS

Плавающие элементы под тегами в CSS

Действие флоатов на родителя в CSS

Высота родителя флоатов в CSS

Текст в родителе флоатов в CSS

Обтекание в CSS

Отмена обтекания с помощью свойства clear в CSS

Отдельный див с клиарфиксом в CSS

Клиарфикс и высота родителя в CSS

Свойство float для блоков в CSS

Свойство float и несколько блоков в CSS

Свойство float и родитель без текста в CSS

Размещение флекс элементов в ряд или колонку в CSS

Размещение флекс элементов в перевернутом ряду в CSS

Размещение флекс элементов в колонку в CSS

Переворачивание колонки с флекс элементами в CSS

Главная и поперечная оси в флекс блоках в CSS

Выравнивание флекс элементов по главной оси в CSS

Выравнивание флекс блоков по поперечной оси в CSS

Значение center свойства align-items в CSS

Центрирование без высоты блоков в CSS

Центрирование с разной высотой блоков в CSS

Значение stretch свойства align-items в CSS

Практика на выравнивание по осям в CSS

Выравнивание отдельного элемента в flex модели в CSS

Порядок flex блоков в CSS

Введение в CSS гриды

Треки и линии в CSS гридах

Единица fr в CSS гридах

Дробные единицы fr в CSS гридах

Пиксели и единицы fr в CSS гридах

Проценты и единицы fr в CSS гридах

Функция repeat в CSS гридах

Значение auto в CSS гридах

Значение auto-fill в CSS гридах

Функция minmax в CSS гридах

Значение auto-fit в CSS гридах

Количество и ширина рядов в CSS гридах

Сокращение для рядов и столбцов в CSS гридах

Объединение рядов в CSS гридах

Объединение столбцов в CSS гридах

Комбинации объединений по рядам и столбцам в CSS гридах

Перекрытие столбцов в CSS гридах

Расстояние между столбцами в CSS гридах

Расстояние между рядами в CSS гридах

Расстояние между столбцами и рядами в CSS гридах

Плиточка в грид в CSS

Создание меню в CSS

Простые одноколоночные макеты сайтов в CSS

Схема макетов с несколькими врапперами в CSS

Структурные блоки сайта в HTML

Схема двухколоночного макета сайта в CSS

Схема трехколоночного макета сайта в CSS

Специальные теги для элементов макета сайта в HTML

Основные теги макета в HTML

Тег для секций в HTML

Практика на макетах на HTML и CSS

О сайте CoderDocs

На CoderDocs вы найдете бесплатные онлайн-уроки, специально разработанные для того, чтобы сделать процесс обучения программированию легким и увлекательным. Наши курсы охватывают самые популярные языки и технологии, включая JavaScript, PHP, Python и HTML. Каждый урок сопровождается практическими примерами и упражнениями, которые помогут вам закрепить полученные знания на практике.

Английская версия

Чат с GPT Компилятор