Cuando hablamos de HTML, sabemos que HTML se utiliza para crear aplicaciones relacionadas con la web. Para que el contenido HTML sea presentable, debe aplicar CSS adecuado en HTML. CSS comprende un vasto grupo de propiedades que se pueden aplicar a un documento HTML en línea, interno y externo.

Teniendo en cuenta la importancia de CSS, esta publicación tiene los siguientes resultados:

• ¿Qué significa CSS??
• Cómo se aplica CSS a un documento HTML

¿Qué significa CSS??

CSS significa Hoja estilo cascada; Es la única hoja de estilo que hace que una página HTML sea atractiva y presentable. CSS en sí es inútil hasta que se combina con HTML para crear maravillosos diseños y diseños de aplicaciones web y de aplicaciones web. CSS está básicamente diseñado por W3C en 1996 como la solución de superar el costoso proceso de agregar fuentes y colores a la página HTML.

Cómo se aplica CSS a un documento HTML

CSS se puede aplicar en el documento HTML internamente, en línea o externamente. Por lo tanto, el CSS se puede dividir en tres tipos: CSS en línea, CSS interno y CSS externo. Aquí, hemos demostrado explícitamente todas estas categorías.

CSS en línea
Se dice que CSS está en línea cuando usamos el estilo como un atributo dentro de las etiquetas HTML. Es útil solo cuando necesitas apuntar a una etiqueta HTML.

Aquí está el código de ejemplo donde se aplica el CSS en línea.

Código

CSS en línea

Este párrafo está escrito para mostrar el uso de CSS en línea en la página HTML.

En el código anterior, usamos CSS en línea para cambiar el tamaño y el color de la fuente del

etiqueta.

Producción

La salida muestra claramente que el tamaño de fuente y el color de fuente se cambian utilizando CSS en línea.

CSS interno
Se dice que CSS es interno cuando usamos etiquetas de estilo en la sección Head de la página HTML para especificar o cambiar el formato y el diseño de las diversas etiquetas HTML. CSS interno se usa cuando necesitamos crear una clase o apuntar a múltiples etiquetas HTML a la vez, pero a pequeña escala. Veamos el ejemplo práctico de CSS interno.

Código

CSS en línea

Este párrafo está escrito para mostrar el uso de CSS en línea en la página HTML.

En este código, hemos usado la etiqueta dentro de la sección principal del documento. La etiqueta se dirige al

y

Etiquetas del documento HTML. Estas propiedades de CSS se aplicarán en todas las

y

Etiquetas en todo el documento.

Producción

La salida muestra que el CSS interno cambia con éxito el tamaño y el color de la fuente de acuerdo con nuestros requisitos.

CSS externo
Se dice que CSS es externo cuando se escribe en un archivo separado sin usar etiqueta de estilo. El archivo se guarda con el ".CSS" extensión. El ".CSSEl archivo está vinculado con el código HTML utilizando el HTML etiqueta. Veamos el ejemplo práctico de CSS externo.

Código

CSS externo

Este párrafo está escrito para mostrar el uso de CSS externos en la página HTML.

En este código, insertamos archivos CSS externos en código HTML con la ayuda de la etiqueta para cambiar el color del tamaño de la fuente y la posición del contenido de

etiqueta y

etiqueta.

Producción

Así es como puede integrar un archivo CSS externo en su documento HTML.

Conclusión

CSS significa Hoja de estilo en cascada. Se utiliza para hacer que el contenido de la página HTML sea expresivo y presentable creando maravillosos diseños y diseños. Esta publicación dirigió principalmente lo que representa CSS. Además de esto, también ha aprendido cómo se puede aplicar CSS en línea, interno y externo en documentos HTML.