Az HTML-ben a CSS (Cascading Style Sheets) segítségével formázhatjuk a HTML elemek megjelenését. A CSS segítségével megadhatjuk az elemek méretét, színét, betűtípusát, elrendezését, stb.
A CSS használatához először létre kell hoznunk egy CSS fájlt, amelyben megadjuk a formázásokat. A CSS fájlt .css kiterjesztéssel mentjük el. Példa egy CSS fájl létrehozására:
/* Ez egy CSS fájl */
/* A p elemek színe piros lesz */
p {
color: red;
}
/* A h1 elemek mérete 24 pixel lesz */
h1 {
font-size: 24px;
}
A CSS fájlunkat az HTML dokumentumba <link> elemmel tudjuk betölteni. A <link> elem a HTML dokumentum <head> elemében jelenik meg, és a href attribútummal adjuk meg a CSS fájl helyét. Példa a CSS fájl betöltésére az HTML dokumentumban:
<head>
<link rel="stylesheet" href="style.css">
</head>
Az HTML elemeknek a style attribútummal is megadhatjuk a formázásokat, de ezt csak ritkán használjuk, mert a CSS fájlokkal könnyebben kezelhetőek a formázások. Példa az HTML elemek style attribútumának használatára:
<p style="color: red; font-size: 24px;">Ez egy piros színű, nagybetűs szöveg.</p>