Cum să adăugați CSS. CSS intern. CSS inline. Elementul style.
CSS intern
Poate fi utilizată o foaie de stil internă (internal style sheet) dacă o singură pagină HTML are un stil unic.
Stilul intern este definit în elementul <style>, în interiorul secțiunii head.
Exemplu:
Stilurile interne sunt definite în elementul <style>, în secțiunea <head> a unei pagini HTML:
CSS inline
Se poate folosi un stil inline pentru a aplica un stil unic pentru un singur element.
Pentru a utiliza stiluri în linie, adăugați atributul style la elementul relevant. Atributul de stil poate conține orice proprietate CSS.
Exemplu:
Stilurile în linie sunt definite în atributul „style” al elementului relevant:
Poate fi utilizată o foaie de stil internă (internal style sheet) dacă o singură pagină HTML are un stil unic.
Stilul intern este definit în elementul <style>, în interiorul secțiunii head.
Exemplu:
Stilurile interne sunt definite în elementul <style>, în secțiunea <head> a unei pagini HTML:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: linen;
}
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<body>
<h1>Acesta este un titlu </h1>
<p>Acesta este un paragraf.</p>
</body>
</html>
CSS inline
Se poate folosi un stil inline pentru a aplica un stil unic pentru un singur element.
Pentru a utiliza stiluri în linie, adăugați atributul style la elementul relevant. Atributul de stil poate conține orice proprietate CSS.
Exemplu:
Stilurile în linie sunt definite în atributul „style” al elementului relevant:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;text-align:center;">Acesta este un titlu</h1>
<p style="color:red;">Acesta este un paragraf.</p>
</body>
</html>
Sfat: un stil inline pierde multe dintre avantajele unei foi de stil (prin amestecarea conținutului cu prezentarea). Folosiți cu ușurință această metodă.