CSS: Sposoby umieszczenia kodu
Zewnętrzny arkusz stylów
Największą zaletą wykorzystania zewnętrznego arkusza stylów jest możliwość zmiany w jednym miejscu wyglądu danego elementu w całej witrynie.
Aby wykorzystać zewnętrzny arkusz stylów należy go dołączyć do każdej podstrony naszej witryny.
<head> <link rel="stylesheet" type="text/css" href="/css/style.css"> </head>
Wewnętrzny arkusz stylów
Istnieje również możliwość wprowadzenia stylów bez dodawania zewnętrznego pliku. W elemencie <head> strony wprowadzamy je zgodnie z poniższym przykładem.
<head> <style> body { background: #ff0000; } h1 { color: #00ff00; margin: 40px; border: 1px solid #0000ff; } </style> </head>
Style znaczników
Można również użyć atrybutu style dla dowolnego znacznika HTML.
<h1 style="color: #00ff00; margin: 40px; border: 1px solid #0000ff;">Nagłówek 1</h1>