CSS/Umieszczanie stylów w dokumencie
Z Wikibooks, biblioteki wolnych podręczników.
Arkusz stylów może być osadzony na kilka sposobów:
[edytuj] Metoda 'inline'
Polega na bezpośrednim przypisaniu stylu do elementu (X)HTML poprzez argument style:
<p style="atrybut:wartość;">Akapit ze stylem</p>
Metoda raczej niezalecana ,gdyż powoduje wymieszanie w kodzie strony treści i wyglądu w sposób niewiele różniący się od starych metod.Należy stosować wyłącznie wtedy ,gdy poniże sposoby okażą się niewystarczjące bądź niedostępne.
[edytuj] Arkusz zagnieżdżony
Jest to arkusz umieszczony wewnątrz znacznika style w nagłówku strony (head):
<head>
<style type=”text/css”>
selektor { atrybut:wartość;}
</style>
</head>
Arkusz ten definiuje style dla elementów w całym dokumencie.
[edytuj] Arkusz zewnętrzny
Najbardziej zalecany. Polega na umieszczeniu definicji stylów w oddzielnym pliku o rozszerzeniu .css ,a w dokumencie/ach go używającym umieszczeni e instrukcji importującej w nagłówku head:
<link rel="stylesheet" type="text/css" href="moje_style.css" />
Natomiast do pliku XML (także XHTML) za pomocą kodu:
<?xml-stylesheet type="text/css" href="moje_style.css"?>
Tuż przed znacznikiem <html>.
Innym nowszym sposobem jest skorzystanie z dyrektywy @include w zagnieżdżonym arkuszu:
<style type=”text/css”> @include url(‘moje_style.css’); pozostałe atrybuty </style>
Zaletą takiego rozwiązania jest kompletne oddzielenie kodu zawartości od wyglądu.Ponadto przypisanie jednego arkusza do wielu dokumentów oznacza łatwiejszą kontrolę nad wyglądem całości serwisu.Wystarczy zmienić jeden plik .css a znajdzie to odbicie kilku(nastu)/setkach dokumentów (X)HTML.
