Estilos html
Este artículo explicará cómo podemos establecer el atributo de estilo dentro de los elementos HTML. Para lograr este objetivo, este artículo proporcionará múltiples ejemplos. Entonces, sin más demora, comencemos!
Sintaxis
La sintaxis de los atributos de estilo HTML incluye una propiedad y su valor como se muestra en el siguiente fragmento:
En el atributo de estilo HTML, podemos establecer múltiples propiedades para un elemento HTML, como estilo de fuente, color de fondo, etc. En tales escenarios, tenemos que insertar un punto y coma ";"; Después de cada propiedad como se muestra en el siguiente script:
Cómo agregar un estilo a un elemento HTML
Este ejemplo aplicará un par de estilos en diferentes HTML Párrafo simple Párrafo con color de fondo Párrafo con tamaño de fuente de X-Large La primera El elemento no utilizó el atributo de estilo, por lo que mostrará un párrafo normal. Sin embargo, el segundo y el tercer párrafos implantados atributos de estilo para diferentes fines. Como resultado, el navegador mostrará la siguiente salida: Cómo usar múltiples propiedades en el atributo de estilo En el ejemplo anterior, había tres párrafos diferentes, cada elemento tiene un estilo único. Ahora considere otro ejemplo que implementará los múltiples estilos en el mismo párrafo: Párrafo simple Párrafo con fondo de oro y centro alineado Párrafo con tamaño de fuente de X-Large y estilo cursiva El código anterior creado tres elementos. El primero es el simple, el segundo párrafo utilizó el elemento de estilo con múltiples propiedades para establecer el color de fondo dorado y el texto alineado en el centro. El tercer párrafo también implementa las dos propiedades para configurar la fuente en estilo extra grande y cursiva. Ahora, este artículo discutirá las propiedades de estilo utilizadas con mayor frecuencia como se da a continuación: Conclusión Los estilos HTML afectan directamente el aspecto aparente de cualquier documento HTML. Este artículo explicó qué es el atributo de estilo HTML? ¿Cómo funciona el atributo de estilo?? Que propiedades puede tener? Y lo significativo que es para diseñar cualquier página web. Este artículo elaboró estos conceptos con la ayuda de algunos ejemplos para proporcionar una visión clara.