Учебник по HTML и CSS за начинаещи
Основи на HTML
Въведение
Език HTML
HTML тагове
Атрибути
Стилове
Основна структура на страницата
Основни тагове
Абзаци
Заглавия
Удебеляване на текст
Курсив на текст
Неподредени списъци
Подредени списъци
Връзки
Вътрешни връзки
Изображения
Ширина на изображение
Височина на изображение
Задаване на ширина и височина на изображение
Таблици
Ширина и височина на таблица
Клетки-заглавия
Практикум
Основи на CSS
Въведение в CSS
Как се работи с CSS
Стойности за цвят
Произволни цветове
Ширина и височина
Подравняване на текст
Подравняване на текст вдясно
Подравняване на текст в центъра
Подравняване на текст вляво
Подравняване на текст едновременно вдясно и вляво
Практика върху подравняване на текст
Удебеляване
Курсив
Размер на шрифта
Семейство на шрифта
Междуредов интервал
Стойност на line-height без мерни единици
Свойство-съкращение font
Отстъп за първия ред на текста
Ефекти върху текст
Подчертаване на текст отдолу
Подчертаване на текст отгоре
Зачертаване на текст
Отмяна на ефекти за текст
Практикум
Селектори
Роднински връзки на таговете
Наследяване на свойства
Групиране на селектори
Общи свойства
Селектори на потомци
Дъщерен селектор
Селектор на клас
Таг span
Таг div
Групиране на класове
Таг с зададен клас
Селектор на потомци и класове
Сложни комбинации на селектор на потомци и класове
Грешка на начинаещи в селектора на потомци
Елемент с няколко класа
Селектор по id
Селектор по id и класове
Използване на id
Селектор по няколко класа
Няколко селектора заедно
Грешка няколко селектора
Групиране на сложни селектори
Грешка при групиране
Тренировка за комбинации от селектори
Приоритет на селекторите
Забележка към конфликта на свойства
Правила за специфичност
Приоритет на селекторите на потомци
Съседен селектор
Родствен селектор
Универсален селектор
Селектори на атрибути
Състояния на връзките
Нюанси в последователността на състоянията на връзките
Състояния link и visited
Обичайно използване на състоянията на връзките
Сложни селектори с връзки
Връзка с клас
Селекция на крайни елементи
Селекция по позиция
Селекция на единствен потомък
Селекция на празни елементи
Селекция по позиция и тип елементи
Отрицание not
Оформление
Фонов цвят
Основи на работа с граници
Плътна граница
Точечна граница
Граница като тире
Изпъкнала граница
Двойна граница
Свойство-съкращение за граница
Граници за различни страни
Закръгление на границите на блок
Закръгление на границите на фона
Създаване на кръг
Закръгление за различни ъгли
Четири стойности
Две стойности
Три стойности
Закръгление в проценти
Създаване на кръг при закръгление в проценти
Изображение за фон
Повторение на фоновата картинка
Други свойства за фона
Маркери на списъци ul
Квадратни маркери на списъци ul
Маркери на списъци ul под формата на кръгчета
Маркери на списъци ul под формата на запълнени кръгчета
Липса на маркери на списъци ul
Маркери на списъци ol
Малки римски цифри за списъци ol
Големи римски цифри за списъци ol
Малки латински букви за списъци ol
Големи латински букви за списъци ol
Малки гръцки букви за списъци ol
Числа с нула отпред за списъци ol
Блоков модел
Външен отстъп margin
Отстъпи margin за различни страни
Няколко стойности в margin
Четири стойности в margin
Две стойности в margin
Три стойности в margin
Вътрешен отстъп padding
Отстъпи padding за различни страни
Няколко стойности в padding
Разширяване на елементи
Влияние на границата върху разширяването на елементи
Съвместно влияние на padding и границата върху разширяването на елементи
Отмяна на разширяването на елементи
Блокови елементи
Ширина и височина на блоков елемент
Ширина на блоков елемент
Височина на блоков елемент
Височина без съдържание
Няколко блокови елементи един до друг
Редови елементи
Ширина и височина на редов елемент
Няколко редови елементи един до друг
Отстъпи между редови елементи
Дефиниране на блоковия модел
Свойство display
Редово-блокови елементи
Ширина и височина на редово-блоков елемент
Ширина на редово-блоков елемент
Височина на редово-блоков елемент
Няколко редово-блокови елементи един до друг
Подравняване на блокови елементи
Подравняване на блоков елемент с отстъп отляво
Подравняване на блоков елемент с отстъп отдясно
Подравняване на редови елементи
Центриране на редови елементи
Центриране на няколко редови елементи
Подравняване на редови елементи по десния край
Подравняване на редово-блокови елементи
Центриране на редово-блокови елементи
Подравняване на редово-блокови елементи по десния край
Флекс елементи
Височина на родителя на флекс елементи
Ширина на родителя на флекс елементи
Редово-блоков родител
Отстъпи padding на родителя
Отстъпи margin на наследниците
Подравняване на флекс елементи
Подравняване на флекс елементи в центъра
Подравняване на флекс елементи по родителя
Подравняване на флекс елементи по родителя с отстъпи
Подравняване на флекс елементи по родителя с равни отстъпи
Позициониране
Абсолютно
Относително
Абсолютно спрямо родител
Абсолютно спрямо абсолют
Абсолютно без координати
Центриране чрез absolute
Отрицателни стойности при absolute
Фиксирано позициониране
Блок на цялата ширина на екрана
Подреждане на елементи по оста Z
Регулиране на подреждането по оста Z
Нюанси при прилагане на отрицателна стойност на z-index
Плаващи елементи (Floats)
Въведение в свойството float
Свойството float и таговете
Съчетаване на float и margin
Съчетаване на float и padding
Плаващи елементи под тагове
Действие на floats върху родителя
Височина на родителя на floats
Текст в родителя на floats
Обтичане
Отмяна на обтичане
Отделен div с clearfix
Височина на родителя и clearfix
Свойството float за блокове
Свойството float и няколко блока
Свойството float и родител без текст
Флексбокс
Подреждане в ред или колона
Подреждане на флекс елементи в обърнат ред
Подреждане на флекс елементи в колона
Обръщане на колона с флекс елементи
Главна и напречна ос
Подравняване по главна ос
Подравняване по напречна ос
Стойност center на свойството align-items
Центриране без височина на блоковете
Центриране с различна височина на блоковете
Стойност stretch на свойството align-items
Практикум по подравняване по оси
Подравняване на отделен елемент
Ред на flex блоковете
Гридове
Въведение в гридовете
Колони и линии
Показване в дебъгера
Колони
Единица fr
Дробни fr
Пиксели и fr
Проценти и fr
Функция repeat
Стойност auto
Стойност auto-fill
Функция minmax
Стойност auto-fit
Редове
Съкращение за редове и колони
Обединяване на редове
Обединяване на колони
Комбинации от обединявания
Застъпване на колони
Разстояние между колони
Разстояние между редове
Разстояние между колони и редове
Плочки
Оформление
Създаване на меню
Прости едноколонови оформления на сайтове
Схема на оформления с няколко обвивки
Структурни блокове на сайта
Схема на двуколонно оформление
Схема на триколонно оформление на сайт
Специални тагове за елементи на оформлението на сайта
Основни тагове за оформление
Таг за секции
Практикум по оформления
