Przykład 7.18. Style zewnętrzne (Plik: 07.18_CSS2_ze\vnętrzne.htm)
<html>
<head>
<link rel="stylesheet" href="07.18_CSS2_zewnętrzne.css type="text/css" />
</head>
<bodyxp>text</pxp class="zielony">text</p>
</body>
</html>
p {color: red; }
.zielony {color: green;}
A
W plikach stylów z rozszerzeniem .css nie umieszcza się tagów <style></style>! Umieszczenie tych tagów to częsty błąd, który na szczęście nie wpływa na interpretację pliku CSS._
Trzecim sposobem umieszczania stylów CSS w dokumentach HTML jest definiowanie stylów w obrębie znaczników HTML za pomocą atrybutu style (Przykład 7.19). Ta metoda nie jest zalecana.
Przykład 7.19. Style wbudowane w znaczniki (Plik: 07.19_CSS3_wbudowane.htm)
<html>
<headxtitle>CSS</titlex/head>
<body>
<p style="color: red;">text</p>
<p style="color: green;">text</p>
</body>
</html>
Aby do znacznika HTML przypisać formatowanie za pomocą stylów, stosuje się następującą konstrukcję:
selektor, selektor, ...
{
Właściwość: wartość;
Właściwość: wartość;