Style zewnętrzne jak już sama nazwa wskazuje umieszczone są poza dokumentem HTML w pliku *.css. Mają podobną strukturę do stylów osadzonych. Przykładowy plik ze stylami może wyglądać np. tak:



Ustaliliśmy w nim margines lewy i górny na 20pt. oraz stworzyliśmy prosty rollower odnośników. To znaczy link nie odwiedzany będzie miał kolor bordowy zaś po najechaniu na niego myszą zmieni kolor na żółty. Zapisujemy teraz tak zdefiniowany arkusz przykładowo do pliku style.css

Teraz w dokumencie HTML w sekcji HEAD musimy umieścić deklarację dołączającą zewnętrzny plik ze stylami do dokumentu:



Ważną częścią powyższego kodu jest atrybut type="text/css". Mówi on o tym, że dołączanym plikiem jest arkusz stylów. We właściwości src podajemy nazwę plików do styli. Po dołączeniu arkusza, możemy z poszczególnych obiektów korzystać w ten sam sposób co ze styli osadzonych.