CSS Estilos en linea


Ejemplo

Use estilos en línea para aplicar estilos a un elemento específico. Tenga en cuenta que esto no es óptimo. Se recomienda colocar reglas de estilo en una etiqueta <style> o en un archivo CSS externo para mantener una distinción entre el contenido y la presentación.

Los estilos en línea anulan cualquier CSS en una etiqueta <style> o en una hoja de estilo externa. Si bien esto puede ser útil en algunas circunstancias, este hecho a menudo reduce la capacidad de mantenimiento de un proyecto.

Los estilos en el siguiente ejemplo se aplican directamente a los elementos a los que se adjuntan.

<h1 style="color: green; text-decoration: underline;">Hello world!</h1>
<p style="font-size: 25px; font-family: 'Trebuchet MS';">I ♥ CSS</p>

Los estilos en línea son generalmente la forma más segura de garantizar la compatibilidad de la representación en varios clientes, programas y dispositivos de correo electrónico, pero pueden requerir mucho tiempo de escritura y ser un poco difíciles de administrar.