Прескочи към основното съдържание Прескочи към навигацията
Допълнения към урока
Учебна програма HTML5 и CSS3
1. Въведение в HTML и CSS

Стилове вместо HTML и атрибути

-51,13 € за ВЕЛИКДЕН: Вземи курс "HTML5 и CSS3" за    127,31 € 76,18 €  ВИЖ ТУК

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.


Най-важното: използвайте CSS за визия, не HTML тагове

Съвременният уеб дизайн отделя съдържанието (HTML) от визията (CSS). Вместо да използвате остарели тагове като font и атрибути като color, прилагайте стилове чрез атрибута style или CSS. Това прави кода по-чист, по-гъвкав и много по-лесен за разширяване. Ако трябва да запомните едно нещо: HTML описва структурата, CSS управлява външния вид.

Как да замените HTML атрибути със стилове

  1. Премахнете остарелия font таг.
  2. Обградете текста със span, който не променя структурата, а служи за стилизиране.
  3. Добавете атрибута style и задайте цвят чрез color.
  4. Добавете допълнителни стилове, разделени с точка и запетая – например курсив и удебеляване.
  5. Заменете атрибута за ширина на изображение със стил за ширина в пиксели.
  6. Центрирайте съдържанието чрез стил вместо чрез HTML атрибут.

Така постигате същия визуален резултат, но с по-модерен и разширяем подход.

Използвани CSS свойства и елементи

  • style – позволява добавяне на CSS директно към HTML елемент.
  • color – задава цвят на текста.
  • font-style – например italic за курсив.
  • font-weight – например bold за удебелен текст.
  • width – определя ширина (напр. в px) на изображение или друг елемент.
  • text-align – подравняване на съдържание (напр. center).

Полезен ресурс за цветове