Co to jest CSS?
CSS (ang. Cascading Style Sheets) to język służący do opisu wyglądu dokumentów HTML. Za pomocą CSS określa się m.in. kolory, kroje pisma, marginesy, rozmieszczenie elementów, tła, obramowania i responsywność strony.
HTML odpowiada głównie za strukturę treści, a CSS za jej prezentację wizualną.
Zewnętrzny arkusz stylów
Zewnętrzny arkusz stylów to osobny plik, najczęściej z rozszerzeniem .css, podłączany do dokumentu HTML. Dzięki temu wiele podstron może korzystać z jednego zestawu stylów.
Przykład podłączenia pliku CSS w sekcji <head> dokumentu HTML:
<link rel="stylesheet" href="style.css">
Przykładowa zawartość pliku style.css:
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
h1 {
color: navy;
}
Zalety stosowania CSS
- oddzielenie treści HTML od wyglądu strony,
- łatwiejsza edycja wyglądu wielu podstron naraz,
- mniejsza ilość powtarzanego kodu,
- lepsza organizacja projektu strony internetowej,
- możliwość tworzenia wersji responsywnych dla różnych ekranów.
Ważne na egzaminie
Pytanie o „zewnętrzne arkusze stylów dla języka HTML” dotyczy właśnie CSS. Pozostałe odpowiedzi, takie jak PHP, Java czy BASIC, nie są arkuszami stylów. PHP to język skryptowy po stronie serwera, Java to język programowania, a BASIC to starszy język programowania.