CSS Inline
Un stil inline poate fi folosit pentru a aplica un stil unic unui singur element HTML.
Pentru a folosi CSS inline, adăugați atributul style elementului relevant. Atributul style poate conține orice proprietate CSS.
Sfat: Stilul inline pierde multe dintre avantajele unei foi de stil (unde definiți stilul o singură dată și îl aplicați la mai multe elemente). Gândiți-vă cu atenție înainte de a folosi această metodă.
Exemplu
Aici folosim CSS inline pentru a seta culoarea textului unui titlu.
Prompt
O pagină HTML care folosește CSS inline prin atributul style pe elemente individuale.
Faceți
<h1> albastru și centrat folosind atributul său style, și faceți un <p> roșu folosind atributul său style. Fără bloc <style> și fără fișier extern.
Output: pagină HTML completă
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1 style="color:blue;text-align:center;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
</body>
</html>