Пример за употреба на CSS

Настоящата страница може да има коренно различен вид само от смяна на използвания CSS файл.

Указания за работа

При зареждане на страницата автоматично се задава стил, който е записан във файл stil1.css.
Сменете stil1.css със stil2.css в полето с HTML кода по-горе (link rel="stylesheet" href="stil1.css" ) и кликнете върху бутона "Редактирай кода и кликни тук", за да видите как изглежда страницата, форматирата със стил2, указан от CSS файла stil2.css
После изтрийте реда в head частта, указващ за ползване CSS файла и кликнете върху бутона "кликни тук". При липса на указан CSS файл, браузърът ще използва стила по подразбиране (за всеки браузър това може малко да се различава).

Елемент	CSS за стил1	CSS за стил2
Тяло body	body {background-color:pink}	body {background-color:yellow}
Заглавие h1	h1 {color:red}	h1 {color:#A5A5A5}
Заглавия h2 и h3	h2, h3 {text-decoration:underline}	h2, h3 {font-family:"Courier New", "Lucida Console"}
Неподреден списък (ul)	ul{list-style:circle}	ul{list-style:square}
Заглавия на таблица (th)	th {background-color:#1177FF}	th {background-color:#EE5522}
Редове на таблица (td)	td {text-align:center}	td {text-align:right}