CSS en línea

Estilos en línea

La manera más sencilla y directa de la aplicación de CSS a un elemento es escribir en la etiqueta a sí mismo como un atributo de estilo de style="..." . Estilos CSS aplicados de esta manera tienen la más alta prioridad sobre las definiciones de estilo de otros, es decir, sobrescribirá los estilos existentes. Porque eres la aplicación de CSS a un elemento de HTML directamente un selector no es necesario.

CSS en línea

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

Directrices de uso

1. Usar lo menos posible

Recuerde que estamos tratando de separar el contenido de la presentación? Estilos en línea son exactamente lo contrario. Son ineficaces porque van a kludge su código y son difíciles de mantener. Sólo los utilizan para pruebas rápidas de estilos CSS o excepciones en un estilo sólo se utiliza en un lugar determinado y en ninguna otra parte en la página principal.

2. No utilice comillas dobles

Debido a las comillas dobles ya se utilizan para marcar el inicio y el final del atributo de estilo, con otra cita doble en el medio terminar abruptamente las instrucciones de CSS. Use comillas simples en su lugar. <p style="font-family:'trebuchet ms'"> está bien, pero no <p style="font-family:"trebuchet ms""> .