Ya vimos anteriormente distintas formas de incluir el css en nuestro html en Incluir CSS en html.

Ahora veremos la sintaxis adecuada para escribirlo.

Para empezar debemos indicar a que lugar de nuestra parte del html nos estamos refiriendo para editar y entre corchetes los cambios estéticos que deseamos que lleve, por ejemplo:

h1{

color: blue;

font-size: 15px;

}

Esto hará que todos nuestros títulos h1 tengan una letra de color azul y un tamaño de 15.

Como podemos ver, la síntaxis usada es primero selector (en este caso h1) y entre corchetes la propiedad, dos puntos y el valor que tomará esta propiedad, seguido de un punto y coma

Si lo que deseamos es seleccionar un elemento único de nuestra página, al que previamente le hemos dado una id, podemos indicarlo poniendo # seguido por el nombre id dado, por ejemplo:

#nuestroid{

text-align: left;

}

Si tenemos clases y queremos seleccionarlas para editarlas le añadimos un punto delante al nombre, por ejemplo:

.nuestraClase{

background-color: black;

}

Si lo que deseamos es escoger todos los titulos h2 dentro de una clase concreta:

h2.nuestraClase{

}

 

Si queremos darle el mismo formato de estilo a varias cosas podemos ahorrarnos repetir lineas seleccionandolas todas, en vez de repetir que quiero que el titulo h1, el h2 y el h3 vayan en color amarillo puedo indicarlo junto en vez de separado.

h1, h2, h3{

color: yellow;

}

 

Quizás pueda interesarte

Suscríbete a nuestro boletín

 

 

Política de Privacidad

Revisa tu correo electrónico para finalizar el registro

Advertisment ad adsense adlogger