Безплатно! Онлайн събитие: От претоварване с информация до фокус и структура с Gemini & NotebookLM Регистрация тук.
Стилове вместо HTML и атрибути
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.
Най-важното: използвайте CSS за визия, не HTML тагове
Съвременният уеб дизайн отделя съдържанието (HTML) от визията (CSS). Вместо да използвате остарели тагове като font и атрибути като color, прилагайте стилове чрез атрибута style или CSS. Това прави кода по-чист, по-гъвкав и много по-лесен за разширяване. Ако трябва да запомните едно нещо: HTML описва структурата, CSS управлява външния вид.
Как да замените HTML атрибути със стилове
- Премахнете остарелия
fontтаг. - Обградете текста със
span, който не променя структурата, а служи за стилизиране. - Добавете атрибута
styleи задайте цвят чрезcolor. - Добавете допълнителни стилове, разделени с точка и запетая – например курсив и удебеляване.
- Заменете атрибута за ширина на изображение със стил за ширина в пиксели.
- Центрирайте съдържанието чрез стил вместо чрез HTML атрибут.
Така постигате същия визуален резултат, но с по-модерен и разширяем подход.
Използвани CSS свойства и елементи
style– позволява добавяне на CSS директно към HTML елемент.color– задава цвят на текста.font-style– напримерitalicза курсив.font-weight– напримерboldза удебелен текст.width– определя ширина (напр. вpx) на изображение или друг елемент.text-align– подравняване на съдържание (напр.center).
Полезен ресурс за цветове
- Списък с примерни CSS цветове:
https://www.w3schools.com/cssref/css_colors.php
Дискусия към урока
Въпроси
Отговори


