¿Qué es CSS?CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.

Lenguaje css

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

El modelo de cajas es el comportamiento de CSS que hace que todos los elementos de las páginas se representen mediante cajas rectangulares.

Las cajas de una página se crean automáticamente. Cada vez que se inserta una etiqueta HTML, se crea una nueva caja rectangular que encierra los contenidos de ese elemento. La siguiente imagen muestra las tres cajas rectangulares que crean las tres etiquetas HTML que incluye la página:

MODELO DE CAJAS

CSS define numerosas propiedades para modificar la apariencia del texto. A pesar de que no dispone de tantas posibilidades como los lenguajes y programas específicos para crear documentos impresos, CSS permite aplicar estilos complejos y muy variados al texto de las páginas web.

Tipografía

A continuación se muestran varias reglas CSS que establecen el color del texto de diferentes formas:

Utilizando las propiedades width y height, es posible mostrar las imágenes con cualquier altura/anchura, independientemente de su altura/anchura real:

ESTABLECER LA ANCHURA Y ALTURA DE LAS IMÁGENES

es una práctica poco recomendable. El motivo es que normalmente dos imágenes diferentes no comparten la misma altura/anchura. Por lo tanto, se debe crear una nueva regla CSS

ELIMINAR EL BORDE DE LAS IMÁGENES CON ENLACES

cuando una imagen forma parte de un enlace, los navegadores muestran por defecto un borde azul grueso alrededor de las imágenes

Estilos básicosCuando se aplican bordes a las celdas de una tabla, el aspecto por defecto con el que se muestra en un navegador es el siguiente:

TABLAS

El código HTML y CSS del ejemplo anterior se muestra a continuación:

El código CSS completo del ejemplo anterior se muestra a continuación:

Aunque parece sencillo, el mecanismo que utiliza el modelo collapse es muy complejo, ya que cuando los bordes que se fusionan no son exactamente iguales, debe tener en cuenta la anchura de cada borde, su estilo y el tipo de celda que contiene el borde (columna, fila, grupo de filas, grupo de columnas) para determinar la prioridad

Estás buscandó cómo cambiar el color de fondo de tu página y tus elementos, llegaste al lugar indicado.Las hojas de estilo o CSS nos permiten controlar de manera separada el color de fondo de cada uno de los elementos de nuestra página.Aquí les dejo un ejemplo para cambiar el color de fondo de los elementos de una página con CSS.

Ejemplo de Cambiar el color de fondo con CSS