Zewnętrzny arkusz stylów CSS

Słownik kwalifikacji AUD.05 - Realizacja projektów graficznych i multimedialnych

Czym jest zewnętrzny arkusz stylów CSS?

Zewnętrzny arkusz stylów CSS to osobny plik, najczęściej z rozszerzeniem .css, w którym zapisuje się reguły wyglądu strony HTML. Plik ten jest dołączany do dokumentu HTML, zamiast wpisywania stylów bezpośrednio w znacznikach lub w sekcji <style>.

Jak dołączyć CSS do HTML?

Zewnętrzny arkusz stylów podłącza się w sekcji <head> dokumentu HTML za pomocą znacznika <link>:

<head>
  <link rel='stylesheet' href='style.css'>
</head>

W tym przykładzie plik style.css zawiera reguły wyglądu strony.

Przykład pliku CSS

body {
  font-family: Arial, sans-serif;
  background-color: #ffffff;
}

h1 {
  color: #3366cc;
}

Zalety zewnętrznych arkuszy stylów

  • oddzielenie treści HTML od wyglądu strony,
  • łatwiejsza edycja wyglądu wielu podstron naraz,
  • większy porządek w kodzie,
  • możliwość ponownego użycia jednego pliku CSS w wielu dokumentach HTML,
  • lepsza organizacja projektu strony internetowej.

W kontekście egzaminu

Jeśli pytanie dotyczy zewnętrznych arkuszy stylów dla języka HTML, poprawną odpowiedzią jest CSS. PHP, Java i BASIC nie są arkuszami stylów — służą do innych celów programistycznych.