Teoria
Teoria

Podstawy CSS

CSS to język służący do kontrolowania wyglądu dokumentu HTML. Za pomocą CSS można ustawić parametry wyświetlania dowolnego znacznika: szerokość i wysokość, wcięcia, kolor i rozmiar czcionki, tło itd.

CSS to skrót od "Cascading Style Sheets" lub "Kaskadowe Arkusze Stylów". CSS jest zwykle określany po prostu jako "style".

Najprostszym sposobem zastosowania stylów do znacznika jest użycie atrybutu style. Na przykład:

<p style="color: red;">…</p>

W tym przykładzie akapit ma czerwony kolor czcionki. Ten sposób ustawiania stylów nazywany jest "stylami inline" lub "stylami wbudowanymi".

Składnia takich stylów jest bardzo prosta: property: value;. A właściwości może być kilka.

Teraz zróbmy mini zarys tej części i zaznaczmy na zielono tematy, które już przećwiczyliśmy. Do stylizacji użyjemy stylów inline.

index.html

HTML

<!DOCTYPE html> <html> <head> <title>Podstawy CSS</title> </head> <body> <h1>Zarys kursu</h1> Sparowane znaczniki. Pojedyncze znaczniki. Atrybuty znaczników. Wbudowane style. Style zewnętrzne. Stylizacja według klasy. </body> </html>

ObiettiviFatto

Z pomocą atrybutu style:

Ustaw kolor tekstu pierwszych trzech akapitów na color: green;,
i trzy ostatnie color: red;.