30-atributo class en html

El atributo class se utiliza en html para identificar una class

Una class es un conjunto de estilos en CSS

Class en javascript puede ser usado para manipular elementos

Ejemplo de class

Para entender bien lo que este atributo hace, mejor porner un ejemplo

asi que vamos a la hoja de estilos y creamos una class con el nombre city

        .city{
            backgroud-color:tomato,
            border: 2px solid black;
        }
    

Ya tenemos nuestro estilo creado con el nombre city, apenas tiene dos estilos pero se pueden agregar mas

ahora en el documento, al elemento que queramos poner ese estilo lo referenciamos con esa class

...

Ejemplo de referencia de class

  <div class="city">
  <h2>Paris</h2>
  <p>Paris is the capital of France.</p>
  </div>
    

Soy un parrafo con la class city

Nel seguiente ejemplo vamos a ver como poner la misma class en una parte del texto, por ejemplo un span

Soy un importanteencabezado

Soy un importante parrafo

Codigo del ejemplo anterior

        <div style="border: 2px solid black;">
    <h2>Soy un <span class="city">importante</span>encabezado</h2>
    <p>Soy un <span class="city">importante</span> parrafo</p>
</div><br>
    

Nota El atributo class se puede utilizar en cualquier elemento html

Nota El nombre class distingue entre mayusculas y minusculas

Para crear una class con estilos CSS hay que colocar un (.)Punto, al inicio de la class

Referencia de várias clases

Para hacer referencia a mas de una class, basta separar los nombres de las classes

Las classes pueden ser compartidas por elementos distintos

---

Ir al indice