Que hacer y No hacer [CSS] Part 2

Manten tus estilos siempre limpios

Estoy seguro de que la mayoría de nosotros hacer esto de vez en cuando (yo soy culpable de esto también!), Pero no deje estilos en línea en el marcado. Es un hábito desordenado y que crea posible contradicción existente en el largo plazo. Como principiantes que es muy importante para conseguir en los buenos hábitos mediante la adopción de todos los estilos fuera de su marcado y perfectamente organizarlos en su hoja de estilo.

MAL

Code: [Select]

<h1 style="font-size: 20em; font-weight: normal; font-family: arial; color: red; padding: 10px; margin: 10px;">H1 - Heading</h1>
BIEN

Code: [Select]

<h1>H1 - Heading</h1>CSS

Code: [Select]

/*------Heading------*/
h1 {
    font: 20em normal arial;
    color: red;
    padding: 10px;
    margin: 10px;
}

Cabe recalcar que impera el estilo puesto en la etiqueta al que esta en el css. Entonces, si tenemos por ejemplo <span class="letradecoloramarillo" style="color:red;">El texto sera rojo y no sera amarillo como en la clase</span>

Buen tip! +1