Sposoby dołączania CSS do HTML

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Sposoby dołączania CSS do HTML

CSS można zapisać w dokumencie HTML na kilka poprawnych sposobów. W pytaniach egzaminacyjnych często trzeba odróżnić zapis CSS od dawnych atrybutów HTML służących do formatowania wyglądu.

1. Styl zewnętrzny

Kod CSS znajduje się w osobnym pliku, np. formatowanie.css:

body {
  background-color: yellow;
}

Taki plik dołącza się zwykle w sekcji <head> dokumentu HTML:

<link rel="stylesheet" href="formatowanie.css">

To zalecany sposób dla większych stron, ponieważ oddziela strukturę HTML od wyglądu CSS.

2. Styl wewnętrzny

Kod CSS można umieścić bezpośrednio w pliku HTML, wewnątrz znacznika <style>:

<style>
body {
  background-color: yellow;
}
</style>

Nadal jest to CSS, mimo że znajduje się w pliku .html.

3. Styl liniowy, czyli inline CSS

CSS może być zapisany w atrybucie style konkretnego elementu:

<body style="background-color: yellow;">

Ten zapis również jest CSS, ponieważ używa właściwości background-color i wartości yellow.

Co nie jest CSS?

Przykład:

<body bgcolor="yellow">

nie jest zapisem w języku CSS. To dawny atrybut HTML bgcolor, używany kiedyś do ustawiania koloru tła. Obecnie należy stosować CSS, np. background-color: yellow;.