Hojas de estilo en cascada, también conocido como CSS, es un idioma que se utiliza para diseñar elementos de una página web HTML para mejorar la belleza de las páginas web. CSS es bastante fácil y puede ahorrarle mucho tiempo al manejar la formación de muchas páginas web simultáneamente y para que CSS funcione, debe incluir su hoja de estilo en su documento HTML.

Hay tres formas posibles de agregar su hoja de estilo a su documento HTML que es;

1. CSS externo
   CSS externo es una hoja de estilo que se define en un archivo separado y se incluye en un documento HTML como un enlace con .Extensión CSS.
2. CSS interno
   CSS interno se define dentro del mismo documento HTML utilizando el elemento en la sección.
3. CSS en línea
   CSS en línea también se define dentro del mismo documento HTML utilizando el atributo de estilo de un elemento. En este tutorial, sin embargo, discutiremos en profundidad CSS en línea ..

CSS en línea

Para peinar un elemento HTML individual, se utiliza el enfoque CSS en línea. Esta técnica utiliza el atributo de estilo de una etiqueta HTML para incluir CSS. La definición de estilo especificada en el atributo de estilo solo afectará ese elemento particular.

Sintaxis

Explore y comprendamos la técnica CSS en línea con la ayuda de algunos ejemplos.

Ejemplo 1

Supongamos que quieres peinar

elemento usando CSS en línea.

CSS en línea.

En el ejemplo anterior, utilizamos el atributo de estilo del

Etiqueta para diseñar el encabezado, usando la siguiente pieza de código.

CSS en línea.

Producción

Establecimos el color del encabezado a la falla de la fuente de fuentes a "Times New Roman" y la alineación de texto al centro.

Ejemplo 2

En el ejemplo anterior, diseñamos una simple pieza de texto usando CSS en línea. En el siguiente ejemplo, diseñaremos un CSS en línea.

Este ejemplo demuestra el uso de CSS en línea.

En el ejemplo anterior, establecemos el relleno, el borde y el color de fondo del elemento utilizando la siguiente pieza de código.

Este ejemplo demuestra el uso de CSS en línea.

Producción

Así es como puedes diseñar elementos como o

Uso del enfoque CSS en línea.

Ahora que tenemos una buena comprensión del concepto con respecto a CSS en línea, pasemos por algunos pros y contras de la técnica en discusión.

Pros de CSS en línea
Aquí hemos enumerado algunas ventajas de CSS en línea.

• Puedes diseñar un elemento individualmente.
• Disminuye la cantidad de archivos que el navegador tiene que descargar, lo que hace que el procedimiento de mostrar las páginas web.
• Es adecuado para pequeños proyectos web.

Contras de CSS en línea
Aquí hemos enumerado algunas desventajas del CSS en línea.

• CSS en línea puede hacer que su código sea menos manejable.
• En CSS en línea, los archivos no se almacenan en caché.
• Las definiciones de estilo especificadas usando CSS en línea no son reutilizables.
• Los códigos y clases de pseudo no se pueden diseñar utilizando CSS en línea.
• No es apropiado para proyectos más grandes, ya que disminuye la mangilidad del código.

Conclusión

Inline CSS es una técnica para incluir hojas de estilo en un documento HTML utilizando el atributo de estilo de elemento. En línea CSS permite al usuario estilo elementos individualmente y la definición de estilo especificada solo afectará a ese elemento particular. En esta publicación, la técnica en línea CSS se ha discutido en detalle con la ayuda de ejemplos apropiados, además, ventajas y desventajas de la técnica en discusión también se destacan.