Cómo definir un estilo de clase CSS: 8 pasos (con imágenes)

Las clases son una característica agradable en HTML que le permite asignar un cierto nombre a un elemento. Pueden estar diseñados usando CSS. Si no sabe cómo usar esas funciones, este artículo lo ayudará.

Pasos

1. Haz tu documento HTML.

Imagen titulada Define A CSS Class Style Step 2

2. Crea el esqueleto HTML básico. Como recordatorio, es una etiqueta HTML de apertura, una etiqueta de la cabeza de apertura, una etiqueta de cabeza de cierre, una etiqueta de cuerpo de apertura, una etiqueta de cuerpo de cierre y una etiqueta HTML de cierre.

Imagen titulada Define A CSS Class Style Step 3

3. Crea un elemento HTML. Puede ser un párrafo, encabezado o lo que quieras.

Imagen titulada Defina un estilo de clase CSS Paso 4

4. Dar el elemento html una clase. Haz esto insertando "clase ="nombre de la clase" Dentro de la etiqueta de apertura para su elemento.

Imagen titulada Defina un estilo de clase CSS Paso 5

5. Poner un "estilo" Etiqueta entre las etiquetas de la cabeza. Pondrás tu CSS aquí.

Imagen titulada Define A CSS Class Style Step 6

6. Llama a tu clase. Esto se hace poniendo ".nombre de la clase { }" En el documento CSS.

La imagen titulada Define A CSS Class Style Step 7

7. Pon los estilos su deseo entre los soportes rizados.

Imagen titulada Define A CSS Class Style Step 8

8. Disfruta de su elemento HTML de estilo!

Video.

Al utilizar este servicio, se puede compartir información con YouTube.

Consejos

Puedes hacer exactamente lo mismo con los estilos de identificación. Para llamar a un estilo de identificación en CSS, ponga "#idname {}" En su documento CSS.