Учебник по HTML и CSS за начинаещи
Прост учебник по уеб дизайн с езиците HTML и CSS за начинаещи с подробна теория и задачи.
Основи на HTML
001
Езици за създаване на уебсайтове
002Езикът HTML
003HTML тагове
004Атрибути в HTML таговете
005Стилове на HTML таговете
006Основна структура на HTML страница
007Работа с основни HTML тагове
008Тагове за параграфи
009Тагове за заглавия на страницата
010Тагове за удебеляване на текст
011Тагове за наклонен текст
012Неподредени списъци в HTML
013Подредени списъци в HTML
014Работа с връзки в HTML
015Вътрешни връзки в HTML
016Работа с изображения в HTML
017Ширина на изображението в HTML
018Височина на изображение в HTML
019Ширина и височина на изображение в HTML
020Работа с таблици в HTML
021Ширина и височина на таблица в HTML
022Заглавни клетки в таблица в HTML
023Практика върху основни HTML тагове
Основи на CSS
024
Основи на работата с езика CSS
025Как да работим с CSS
026Ключови думи за цвят в CSS
027Всички цветове в CSS
028Ширина и височина на елементи в CSS
029Подравняне на текст в CSS
030Подравняне на текст вдясно в CSS
031Подравняне на текст по център в CSS
032Подравняване на текст вляво в CSS
033Подравняване на текст едновременно вдясно и вляво в CSS
034Практика по подравняване на текст в CSS
035Дебелина на текста в CSS
036Курсив в CSS
037Размер на шрифта в CSS
038Шрифт в CSS
039Междуредов интервал в CSS
040Стойност на line-height без мерни единици в CSS
041Свойство-сокращение font в CSS
042Червен ред на текста в CSS
043Текстови ефекти в CSS
044Подчертаване на текст в CSS
045Горно подчертаване на текст в CSS
046Зачертаване на текст в CSS
047Отмяна на ефекти за текст в CSS
048Практика на основни CSS свойства
Селектори
049
Родствени връзки на тагове в HTML
050Наследяване на CSS свойства
051Групиране на селектори в CSS
052Общи свойства при групиране на селектори в CSS
053Селектор на потомци в CSS
054Дъщерен селектор в CSS
055Класове на елементи в CSS
056Таг span за части от текст в HTML
057Таг div за групиране на тагове в HTML
058Групиране на класове в CSS
059Таг с зададен клас в CSS
060Селектор на потомци и класове в CSS
061Сложни комбинации на селектор за потомци и класове в CSS
062Грешка на начинаещи в селектора за потомци
063Елемент с няколко CSS класа
064Избор на елемент по уникален id в CSS
065Селектор по id и CSS класове
066Използване на id в CSS
067Избор на елемент по няколко класа в CSS
068Няколко селектора заедно в CSS
069Грешка при използване на няколко CSS селектора
070Групиране на сложни селектори в CSS
071Грешка при групиране на сложни CSS селектори
072Практика върху комбинации от CSS селектори
073Приоритет на CSS селекторите
074Забележка към конфликта на CSS свойства
075Правила за специфичност в CSS
076Приоритет на селекторите за потомство в CSS
077Съседен селектор в CSS
078Съседен селектор в CSS
079Универсален селектор в CSS
080Селектори на атрибути в CSS
081Състояния на връзките в CSS
082Нюанси на последователността на състоянията на връзките в CSS
083Състояния на връзки link и visited в CSS
084Обичайно използване на състояния на връзки в CSS
085Сложни селектори със състояния на връзки в CSS
086Връзка с клас в CSS
087Избор на крайни елементи в CSS
088Селекция по позиция на елементи в CSS
089Избор на единствено дете в CSS
090Селектиране на празни елементи в CSS
091Селекции по позиция и тип на елементи в CSS
092Селектор за отрицание в CSS
Оформление
093
Задаване на цвят на фона в CSS
094Основи на работа с граници в CSS
095Плътна граница в CSS
096Точечна граница в CSS
097Граница от типчета в CSS
098Изпъкнала граница в CSS
099Двойна граница в CSS
100Свойство-сокращение за граница в CSS
101Граница за отделни страни в CSS
102Закръглени граници на блок в CSS
103Заобляване на ръбовете на фона в CSS
104Създаване на кръг в CSS
105Различни заобления за различни ъгли в CSS
106Четири стойности за закръгляне за различни ъгли в CSS
107Два значения за закръгляване на различни ъгли в CSS
108Три стойности за закръгляне на различни ъгли в CSS
109Закръглени ъгли в проценти в CSS
110Създаване на кръг при закръгляване в проценти в CSS
111Фоново изображение в CSS
112Повторение на фоново изображение в CSS
113Други свойства за фон в CSS
114Работа с маркери на списъци ul в CSS
115Квадратни маркери за списъци ul в CSS
116Маркери за списъци ul във вид на кръгчета в CSS
117Работа с маркери на списъци ul в CSS
118Премахване на маркерите за списъци ul в CSS
119Работа с маркери на подредени списъци ol в CSS
120Строчные римски цифри за списъци ol в CSS
121Главни римски цифри за списъци ol в CSS
122Строчни латински букви за списъци ol в CSS
123Главни латински букви за списъци ol в CSS
124Строчни гръцки букви за списъци ol в CSS
125Числа с нула отпред за списъци ol в CSS
Блоков модел
126
Работа с отстъпи margin в CSS
127Маржини за различни страни в CSS
128Няколко стойности в свойството margin в CSS
129Четири стойности в свойството margin в CSS
130Две стойности в свойството margin в CSS
131Три стойности в свойството margin в CSS
132Работа с отстъпи padding в CSS
133Вътрешни отстъпи padding за различни страни в CSS
134Няколко стойности в свойството padding в CSS
135Работа с отстъпи padding в CSS
136Влияние на границата върху разширяването на елементи в CSS
137Влияние на padding и границата върху разширяването на елементи в CSS
138Отмяна на разширяването на елементи в CSS
139Особенности на блоковите елементи в CSS
140Ширина и височина на блочен елемент в CSS
141Ширина на блочен елемент в CSS
142Височина на блочен елемент в CSS
143Височина на блочен елемент без съдържание в CSS
144Няколко блокови елементи един до друг в CSS
145Особенности на редовите елементи в CSS
146Ширина и височина на inline елемент в CSS
147Няколко инлайн елемента един до друг в CSS
148Отстъпи между редкови елементи в CSS
149Определяне на блоковия модел на HTML тагове
150Работа със свойството display в CSS
151Особенности на редово-блоковите елементи в CSS
152Ширина и височина на inline-block елемент в CSS
153Ширина на inline-block елемента в CSS
154Височина на инлайн-блок елемента в CSS
155Няколко инлайн-блокови елемента един до друг в CSS
156Подравняване на блокови елементи в CSS
157Подравняване на блоков елемент с отстъп отляво в CSS
158Подравняване на блоков елемент с отдясно отстъп в CSS
159Подравняване на inline елементи в CSS
160Центриране на редови елементи в CSS
161Центриране на няколко линейни елемента
162Подравняване на инлайн елементи към десния край в CSS
163Подравняване на inline-block елементи в CSS
164Центриране на inline-block елементи в CSS
165Подравняване на inline-block елементи по десния край в CSS
166Флекс елементи в CSS
167Височина на родителя на флекс елементи в CSS
168Ширина на родителя на флекс елементи в CSS
169Реди-строчен родител на флекс елементи в CSS
170Отстъпи padding на родителя на флекс елементи в CSS
171Водостойни отстъпи margin за наследници в CSS
172Подравняване на flex елементи в CSS
173Подравняване на флекс елементи в центъра в CSS
174Подравняване на флекс елементи спрямо родителя в CSS
175Подравняне на флекс елементи спрямо родителя с отстъпи
176Подравняване на флекс елементи спрямо родителя с равни отстъпи
Позициониране
177
Абсолютно позициониране на елементи в CSS
178Относително позициониране на елементи в CSS
179Позициониране спрямо родител в CSS
180Позициониране спрямо абсолютен родител в CSS
181Абсолютно позициониране без координати в CSS
182Центриране чрез абсолют в CSS
183Отрицателни стойности при позициониране в CSS
184Фиксирано позициониране в CSS
185Блок на цялата ширина на екрана в CSS
186Подреждане на елементи по Z ос в CSS
187Регулиране на подреждането на елементи по Z оста в CSS
188Нюанси на прилагане на отрицателна стойност за z-index в CSS
Плаващи елементи (Floats)
189
Въведение в свойството float в CSS
190Проникване на плаващи елементи през тагове в CSS
191Комбинация от float и margin в CSS
192Комбинация от float и padding в CSS
193Плаващи елементи под тагове в CSS
194Действие на флоати върху родителя в CSS
195Височина на родителя на плаващи елементи в CSS
196Текст в родител на флоатинг елементи в CSS
197Обтекане в CSS
198Отмяна на плаване с помощта на свойството clear в CSS
199Отделен див с клиарфикс в CSS
200Клиърфикс и височина на родителя в CSS
201Свойство float за блокове в CSS
202Свойство float и няколко блока в CSS
203Свойството float и родител без текст в CSS
Флексбокс
204
Подреждане на флекс елементи в ред или колона в CSS
205Подреждане на флекс елементи в обърнат ред в CSS
206Подреждане на флекс елементи в колона в CSS
207Обръщане на колона с флекс елементи в CSS
208Главна и напречна ос във флекс блоковете в CSS
209Подравняне на флекс елементи по главната ос в CSS
210Подравняване на флекс блокове по напречната ос в CSS
211Стойността center на свойството align-items в CSS
212Центриране без височина на блоковете в CSS
213Центриране с различна височина на блоковете в CSS
214Значение stretch на свойството align-items в CSS
215Практика за подравняване по оси в CSS
216Подравняне на отделен елемент във flex модела в CSS
217Ред на flex блоковете в CSS
Гридове
218
Въведение в CSS гридове
219Колони и редове в CSS гридовете
220Показване на гридове в браузера дебъгер
221Брой и ширина на колони в CSS гридове
222Единица fr в CSS гридове
223Дробни единици fr в CSS гридове
224Пиксели и единицы fr в CSS гридове
225Проценти и fr единици в CSS гридове
226Функция repeat в CSS гридове
227Стойността auto в CSS гридовете
228Стойността auto-fill в CSS гридове
229Функция minmax в CSS гридове
230Значението на auto-fit в CSS гридовете
231Брой и ширина на редове в CSS гридове
232Съкращение за редове и колони в CSS гридове
233Обединяване на редове в CSS гридове
234Обединяване на колони в CSS гридове
235Комбинации от обеднявания по редове и колони в CSS гридове
236Препокриване на колони в CSS гридове
237Разстояние между колони в CSS гридове
238Разстояние между редове в CSS гридове
239Разстояние между колони и редове в CSS гридове
240Решетка в CSS Grid
Оформление
241