CSS Stili in linea

Esempio

Usa gli stili in linea per applicare lo stile a un elemento specifico. Si noti che questo non è ottimale. L'inserimento di regole di stile in un tag <style> o in un file CSS esterno è incoraggiato al fine di mantenere una distinzione tra contenuto e presentazione.

Gli stili in linea sostituiscono qualsiasi CSS in un tag <style> o in un foglio di stile esterno. Sebbene ciò possa essere utile in alcune circostanze, questo fatto riduce il più delle volte la manutenibilità di un progetto.

Gli stili nel seguente esempio si applicano direttamente agli elementi a cui sono collegati.

<h1 style="color: green; text-decoration: underline;">Hello world!</h1>
<p style="font-size: 25px; font-family: 'Trebuchet MS';">I ♥ CSS</p>

Gli stili in linea sono generalmente il modo più sicuro per garantire la compatibilità di rendering tra vari client, programmi e dispositivi di posta elettronica, ma può richiedere molto tempo per essere scritto e un po 'difficile da gestire.