¿Cómo aplicar estilos CSS de forma directa en una página web?

Cómo aplicar hojas de estilos CSS de forma directa a una página web

Publicado en CSS 2018-03-03 18:07:54

¿Cómo aplicar estilos CSS de forma directa en una página web?

Aplicando estilos directamente en una etiqueta HTML

HTML CSS

Resumen: Aplicar hojas de estilos a una página web directamente en las etiquetas html mediante el parámetro style, definido por un atributo con un valor.

Una de las formas de aplicar es con las CSS directas se usan para poder incluir CSS a una parte del texto concreta.

Para ello debemos utilizar la etiqueta “style”. Observa el siguiente código de ejemplo:

Aquí va el texto al que se le aplicará el estilo

“X” sería la etiqueta html a la que se le ha aplicado el estilo, mediante el parámetro “style”. “X” puede ser un párrafo (), una capa con salto de línea (), una capa sin efecto (), etc.

También apreciamos que el estilo está definido por unos atributos con un valor (“atributo1:valor1”), separados entre ellos por punto y coma. Gracias al siguiente código lo comprenderemos mucho mejor:

El texto que veremos a continuación estar en azul y en un tamaño más grande gracias a la css directa que hemos aplicado sobre él.

Observa a continuación su efecto:

El texto que veremos a continuación estará
en azul y en un tamaño más grande gracias a la css directa
que hemos aplicado sobre él.
¿Cómo aplicar estilos CSS de forma directa en una página web?

El resultado podemos verlo en el siguiente video corto de menos de 03 minutos

Redacción:| Artículo leído: 234 veces | Publicación:


Compártelo con tus amigos


Publicaciones relacionadas de CSS