Cómo usar en línea en HTML

Vea que hay 3 formas de diseñar cualquier elemento.

  1. Hoja de estilo externa
  2. por etiqueta de estilo utilizada principalmente dentro de la etiqueta de la cabeza.
  3. utilizando el atributo de estilo en línea.

Los dos primeros requieren que use selectores CSS, como clases que pueden diseñar muchos elementos juntos.

El tercero, es decir, el estilo en línea, se utiliza cuando solo desea diseñar un elemento, que es el elemento en el que se aplica el atributo. Ejemplo:

Soy de color rojo.

Soy de color azul con fondo negro.

Soy texto simple.

Copie este código y vea el resultado en el navegador, encontrará que cada atributo de estilo solo afecta el elemento en el que se aplica.

Por lo tanto, es muy útil cuando solo desea aplicar un poco de estilo a un elemento en particular.

  • En línea : mediante el uso del atributo de estilo en elementos HTML


Este es un título azul

Se utiliza un CSS en línea para aplicar un estilo único a un único elemento HTML.

Un CSS en línea utiliza el atributo de estilo de un elemento HTML.

Prueba esto

Por ej .:

Este es un título azul

(o)

cuerpo {color de fondo: azul;}

h1 {color: rojo;}

p {color: verde;}

Cualquier título

Texto de párrafo

Los elementos HTML (lenguaje de marcado de hipertexto) suelen ser elementos “en línea” o elementos de “nivel de bloque”. Un elemento en línea ocupa solo el espacio delimitado por las etiquetas que definen el elemento en línea.

En CSS interno se define en la sección de una página HTML, dentro de un elemento

Este ejemplo cambia el color del texto del elemento

a azul:

Este es un título azul

HTML de estilo en línea con CSS

Los elementos HTML (lenguaje de marcado de hipertexto) suelen ser elementos “en línea” o elementos de “nivel de bloque”. Un elemento en línea ocupa solo el espacio delimitado por las etiquetas que definen el elemento en línea.

En CSS interno se define en la sección de una página HTML, dentro de un elemento

Este ejemplo cambia el color del texto del elemento

a azul:

Este es un título azul

Lea más en Cómo usar CSS en línea y hoja de estilo interna

Puede usar el estilo en línea en HTML usando la etiqueta

. Simplemente agregue estilo en cualquiera de las etiquetas HTML y escriba con lo mismo que escribe CSS.

Ejemplo

Haga clic aquí

Pero es realmente una mala práctica usar CSS en línea a menos que sea necesario, en lugar de en línea, puede usar CSS interno.

Hay tres formas en que se pueden escribir los estilos CSS

Externo: nuevo archivo CSS

Interno: dentro del archivo html en la etiqueta “

En línea: dentro de las etiquetas html como atributo

Es decir

este texto será rojo y el tamaño de fuente será 16px

Al escribir estilo dentro de la etiqueta html.
Para un ejemplo