Style w HTML

Style w HTML – wstęp 🎨

HTML opisuje strukturę, a nie wygląd. Jednak za pomocą atrybutu style możemy bezpośrednio nadać prosty wygląd elementom.

Przykład

<p style="color: blue; font-size: 18px;">Niebieski tekst.</p>

---

Atrybut style

Atrybut style przyjmuje listę właściwości CSS zapisanych w jednej linii:

style="wlasciwosc: wartosc; inna-wlasciwosc: wartosc;"

Przykłady:

Przykład

<h1 style="color: #7e57c2; text-align: center;">Tytul na srodku</h1>
<p style="background-color: #f3e5f5;">Tekst na kolorowym tle.</p>

---

Kiedy używać style, a kiedy CSS?

• style – szybkie testy, pojedyncze elementy,
• zewnętrzny CSS (.css) – projekty, w których chcemy:
  • zachować porządek,
  • używać jednego stylu w wielu miejscach,
  • łatwo zmieniać wygląd całej strony.

Docelowo większość stylowania powinna być w plikach CSS, nie w style.

---

Ćwiczenie

1. Utwórz kilka akapitów.
2. Zastosuj różne kolory, rozmiary czcionki i tło używając style.
3. Spróbuj ten sam wygląd przenieść do pliku CSS.