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.
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.
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""> .