CSS inline

Stili inline

Il modo più semplice e diretto di applicare CSS a un elemento è quello di scrivere in tag come un attributo di stile style="..." . Stili CSS applicati in questo modo hanno la massima priorità su altre definizioni di stile, nel senso che saranno sovrascrivere gli stili esistenti. Perché sei l'applicazione CSS a un elemento HTML direttamente un selettore non è necessaria.

Inline CSS

<p style="border:2px solid lime">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed enim. Morbi quis augue. Sed nec augue.</p>
<p style="background:lime">Sed vel pede eu lacus molestie condimentum. Pellentesque vitae dolor. Vestibulum venenatis.</p>

Usage Guidelines

1. Utilizzare il meno possibile

Ricordo che stiamo cercando di separare il contenuto dalla presentazione? Gli stili inline sono l'esatto contrario. Sono inefficaci perché ti kludge il tuo codice e sono difficili da mantenere. Li usano solo per qualche rapido test di stili CSS o per le eccezioni in cui uno stile viene utilizzato solo in un determinato luogo e in nessun altro posto sulla home page.

2. Non utilizzare le virgolette doppie

Perché le doppie virgolette sono già utilizzate per marcare l'inizio e la fine del l'attributo di stile, con un altro doppio apice in-tra sarebbe bruscamente interrompere le istruzioni CSS. Usa virgolette singole, invece. <p style="font-family:'trebuchet ms'"> è ok, ma non <p style="font-family:"trebuchet ms""> .