Descripción
El atributo style permite a los desarrolladores aplicar estilos CSS directamente a un elemento HTML en la página, en lugar de hacerlo a través de una hoja de estilo externa o en la cabecera del documento que es lo que hacemos mediante el elemento style.
Aunque es muy útil para cambios de estilo rápidos y sencillos, se recomienda utilizar hojas de estilo externas para proyectos más grandes debido a la mantenibilidad y la eficiencia.
Sintaxis
El atributo style se utiliza de la siguiente manera:
<elemento style="property: value;">
Donde “elemento” es cualquier elemento HTML, “property” es una propiedad CSS y “value” es el valor que se le asigna a esa propiedad.
Ejemplo
<p style="color: blue; font-size: 12px;">Este es un párrafo con estilo CSS aplicado directamente.</p>
Este código HTML muestra cómo usar el atributo style para cambiar el color del texto a azul y el tamaño de la fuente a 12 píxeles.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.