Az elem háttérszínének megadására szolgál.
background-color: #f4f4f4;A szöveg színének megadására szolgál.
color: #333;A szöveg betűtípusának beállítására szolgál.
font-family: Arial, sans-serif;A szöveg méretének meghatározására szolgál.
font-size: 16px;A külső margók beállítására szolgál, amely az elem és a környezete közötti távolságot határozza meg.
margin: 20px;A belső margók beállítására szolgál, amely az elem tartalma és a határa közötti távolságot határozza meg.
padding: 15px;Az elem keretének meghatározására szolgál. Beállíthatjuk a vastagságát, a típusát és a színét.
border: 1px solid #ddd;Az elem sarkainak lekerekítésére használjuk.
border-radius: 5px;Az elem szélességének meghatározására szolgál.
width: 100%;Az elem magasságának meghatározására szolgál.
height: 500px;Az elem megjelenítési típusát szabályozza, például block vagy inline.
display: block;A szöveg igazítását határozza meg az elemben (balra, jobbra, középre vagy sorkizártan).
text-align: center;A sorok közötti távolságot szabályozza.
line-height: 1.5;A szövegre vonatkozó díszítéseket adja meg, például aláhúzás vagy áthúzás.
text-decoration: underline;A szöveg vastagságát határozza meg, például félkövérre állíthatja.
font-weight: bold;Az elem átlátszóságát szabályozza 0-tól 1-ig terjedő értékkel.
opacity: 0.7;Az elemet jobbra vagy balra lebegteti a szomszédos tartalom mellett.
float: left;Az elem pozícióját határozza meg az oldalon, például relatív vagy abszolút.
position: relative;Az elem elhelyezkedését szabályozza a pozíciója szerint.
top: 10px;
left: 50px;Az elem rétegeinek sorrendjét határozza meg. Minél nagyobb az érték, annál "feljebb" jelenik meg az elem.
z-index: 100;Meghatározza, hogyan jelenjen meg az elem, ha tartalma túlnyúlik a határain.
overflow: hidden;A kurzor megjelenését határozza meg, amikor az elem fölé viszik.
cursor: pointer;Az elem árnyékát szabályozza. Beállítható a szög, távolság, elmosódás és szín.
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);Átmeneti effektusokat állíthatunk be elemek stílusváltozásai között.
transition: all 0.3s ease;Az elem átalakítását szolgálja, például forgatás, méretezés vagy eltolás.
transform: rotate(45deg);A szöveg átalakítását szabályozza, például nagybetűsítés.
text-transform: uppercase;A listák jelöléseit és stílusát szabályozza.
list-style: square;Meghatározza, hogy az elem látható vagy rejtett legyen, anélkül, hogy helyet foglalna.
visibility: hidden;Háttérképet állít be egy elemre.
background-image: url('image.jpg');Speciális CSS osztály, ami akkor aktiválódik, amikor az elem fölé viszik az egeret.
a:hover {
color: red;
}