¿Para qué sirve el código CSS?

Aquí veremos para que sirven las hojas de estilo y su uso en los sitios web.

Las hojas de estilo CSS, o Cascading Style Sheets, son reglas para la visualización de los elementos HTML. Estas reglas pueden por ejemplo cambiar los colores de un texto, del fondo, los espaciados, el tamaño o tipo de fuentes, en fin, todo lo relacionado a cómo debe verse un sitio.

Estas reglas pueden ser especificadas en los mismos elementos, por ejemplo:



O en la cabecera de cada página:

O en un archivo separado que está enlazado en la cabecera:



Normalmente todas las páginas de un sitio web utilizaran los mismos estilos, entonces para economizar recursos lo mejor es mantener las hojas de estilo en archivos separados y seguir la regla de tener un código HTML limpio.

¿Cómo se escriben las reglas CSS?

Un ejemplo de regla CSS es:



Como podemos ver, cada regla comienza por un selector, en este caso "p" que significa todas las etiquetas párrafo. Posteriormente entre llaves se escriben las distintas propiedades y valores que se quieren cambiar. En el ejemplo queremos que los párrafos sean de color rojo, tengan un tamaño de 12 pixeles y estén en negrillas.

91 me gusta
289 vistas
Anterior ¿Existen reglas para escribir código HTML?
Siguiente Unidades de medida CSS
Programar en HTML y CSS

Programar en HTML y CSS

En esta lista de tutoriales veremos como programar de forma clara y directa en código HTML y CSS que son la base de la web.

¿Cómo se escribe en código HTML?

En esta sección veremos los elementos y la forma en la que se debe escribir el código de hipertexto o HTML.
Tiene video

Esquema de una página HTML

En este artículo veremos el esquema básico de una página en HTML5, la última version de código HTML que existe.

¿Existen reglas para escribir código HTML?

En este artículo analizaremos la forma correcta de escribir en código HTML.

¿Para qué sirve el código CSS?

Aquí veremos para que sirven las hojas de estilo y su uso en los sitios web.

Unidades de medida CSS

En esta sección analizamos todas las unidades de medida que existen en CSS

Propiedades de estilo CSS de bloques

En este artículo vemos las propiedades de estilo que tienen los bloques utilizando una hoja de estilos CSS.

Propiedades CSS para los textos

Aquí veremos como se puede dar estilo a los textos utilizando las propiedades de estilo CSS.

Selectores de estilo CSS

En esta sección vamos a analizar lo básico sobre los selectores de estilo CSS.

¿Qué sucede si no uso estilos CSS en mi página?

En esta sección analizaremos qué es lo que sucede cuando no se utiliza ninguna hoja de estilos CSS en un sitio web.

¿Debería utilizar un framework CSS?

Muchas veces nos preguntamos si vale la pena utilizar un framework como Bootstrap o MaterialUI. En este artículo analizamos la situacion.