Przejdź do głównej zawartości
Najlepszy poradnik do Inf.03 w Polsce
Strona w budowie. Niektóre treści mogą być niedostępne. Prosimy o cierpliwość.

Wstawianie CSS do HTML

Wprowadzenie

Dział zatytułowany „Wprowadzenie”

CSS odpowiada za wygląd strony. W HTML możemy wstawić style na kilka sposobów.

Teoria / Wyjaśnienia

Dział zatytułowany „Teoria / Wyjaśnienia”
  • Trzy główne metody:
    • zewnętrzny plik CSS (<link rel="stylesheet" href="style.css">),
    • sekcja <style> w <head>,
    • atrybut style bezpośrednio w znaczniku.
  • Najlepsza praktyka: używać zewnętrznych plików CSS.

Praktyczne przykłady

Dział zatytułowany „Praktyczne przykłady”

Przykład

<!-- Zewnetrzny plik CSS -->
<head>
  <link rel="stylesheet" href="style.css">
</head>


<!-- Styl w atrybucie -->
<p style="color: blue;">Niebieski tekst.</p>

Ćwiczenie

Dział zatytułowany „Ćwiczenie”
  1. Stwórz plik style.css i podłącz go do swojej strony.
  2. Przenieś style z atrybutów style do pliku CSS.
  3. Zobacz, jak zmiany w jednym pliku wpływają na całą stronę.