CSS (Cascading style sheets u Hoja de estilos en cascada) es la forma en la cual cambiamos los estilos, colores, formas y demas de HTML. Es fundamental para poder crear sitios web. Su estructura basica es la siguiente:
elemento{
propiedad: valor}
Un ejemplo practico de su forma:
Queremos cambiarle el color a nuestro titulo principal
h1{
color: red;}
ATENTI
Por una cuestión de buenas practicas, es recomendable terminar la declaración de cada propiedad con un ;
Puedo seleccionar mas de un elemento en una sola linea de código, para eso debo usar la siguiente estructura
elemento1, elemento2{
propiedad:valor}
Un ejemplo practico:
Quiero que los enlaces y el titulo principal de mi pagina sean negros
h1, a{
color:black;
}
Otro ejemplo: intento seleccionar dos clases diferentes
.parrafo, .nota{
color:black;
}
Muchas veces queremos seleccionar a varios elementos que comparten una misma clase. Para poder llamar a una clase solo debemos agregarle un punto adelante del nombre de la misma. Ej:
Queremos llamar a la clase titulos
.titulos{
color:black;
font-family:Arial;
}
De esta forma, seleccionamos todos los elementos que compartan la clase titulos y les pasamos que tienen que ser de color negro y la letra Arial.