<head>
<style type=”text/css’>
table.nav{background:aqua}
table.rest{background:yellow; text-aling:center;color:black}
а:link {color;red;text-decoration:none}
</style>
</head>
Зовнішні стилі зберігаються в текстовому файлі, який зв'язується з документом HTML дескриптором <link>
Приклад 2.
<head>
<link rel=”styesheet”href=”mystyles.css”type=text/css>
</head>
В даному прикладі з HTML-документом пов'язаний файл mystyles.css, в якому зберігаються всі властивості форматування.
Властивості внутрішніх стилів знаходяться в межах HTML-дескриптора, формат якого необхідно змінити. Внутрішній стиль не використовує дескриптор <style>.
Приклад 3. Внутрішній стиль.
<table.style=”background:aqua” width=”100”>
<table.style=”background:yellow; text-aling:center;color:black” ” width=”100”>
Для внутрішніх стилів використовується не дескриптор <style>, а однойменний атрибут – style. Крім того, декілька властивостей стилю в межах одного дескриптора, як і в попередніх випадках, розділено крапкою з комою.
За допомогою CSS можна визначати стиль і вид тексту. Аналогічно тому, що використовується тег FONT, задаючий властивості шрифту, але стилі володіють великими можливостями і дозволяють скоротити код HTML.