Perché è brutto usare lo stile inline in HTML per gli stili generici?

Esaminando la tua domanda aggiornata,

Why is this

<div>
   <textarea class="width90"></textarea>
</div>

.width90{
   width:90%;
}

any better than this?

<div>
   <textarea style="width:90%;"></textarea>
</div>

La mia risposta è Non c'è niente di meglio, e nessuno dei due passerebbe una recensione del codice con me.

Come indicato nei commenti, se si desidera modificare la larghezza dal 90% all'85%, si dovranno comunque apportare modifiche in molti punti.

Sarebbe molto meglio dare al tuo <textarea> un nome di classe semanticamente significativo come "InvoiceDescription", "container", "col-md-1" e così via. In questo modo, quando qualcuno in seguito vorrà sia modificare la larghezza che il tipo di carattere / colore di sfondo / qualsiasi cosa, potranno farlo in un unico punto.

In parole povere:

• Perché quando hai molte pagine con molto stile in linea e un po 'come utente per la modifica dei cosmetici , l'utente devi fare molti cambiamenti in molti posti, e ci sono possibilità che ti manchi qualcosa.
• Avere il css nello stesso file anche se in una sezione <STYLE> separata è quasi altrettanto brutto.
• Con un file CSS separato cambi lo stile in (si spera) in un singolo posto e il tuo sito avrà un aspetto coerente.
• Quindi puoi utilizzare il tempo libero per dedicarti all'hobby o imparare a suonare uno strumento musicale.

Solo per una manipolazione veloce del codice viene utilizzato il primo formato e il secondo stile in linea si sta estinguendo perché lo stile in linea rende il codice simile al caos.

There is no difference in the outputs of the two formats, its just programmer's ease of code point of view.