Skip to content
CSS
Selectores, propiedades y valores
Mecanismos para añadir CSS a un archivo HTML
Selectores
Pseudoclases y pseudoelementos
Cascada y especificidad
Herencia
Display
Modelo de cajas
Posicionamiento
Medidas
Colores
Z-index y el contexto de apilamiento
Responsive Design
Arquitectura CSS
Flexbox
More
Share
Explore

icon picker
Selectores, propiedades y valores

Antes de empezar a escribir código CSS, debemos conocer la anatomía de una declaración de estilos.

Qué es una declaración de CSS

Una declaración de CSS es un bloque que especifica el conjunto de estilos que se añadirán a un elemento HTML. Su estructura contiene lo siguiente:
Selector: define el elemento o conjunto de elementos a los cuales se añadirán los estilos.
Propiedad: es el nombre del estilo de CSS.
Valor: es el valor que tomará la propiedad.
⁠
image.png
⁠
⁠

Comentarios de CSS

Los comentarios de CSS consisten en señalar algo que se ignorará. Para establecer un comentario CSS se lo envuelve entre /* y */, independiente de la cantidad de líneas.

Propiedades iniciales de CSS

Antes de empezar con CSS utilizaremos algunas propiedades de CSS.
color: establece el color del texto de un elemento.
background-color: establece un color de fondo al elemento.
font-size: establece el tamaño de la fuente.
width: establece la anchura de un elemento.
height: establece la altura de un elemento.

Medidas iniciales

Estas son las medidas iniciales que debes conocer para establecer tamaños de elementos o de tipografía:
px: establece una longitud de píxeles.
%: establece un porcentaje con respecto a una medida base.

Propiedades más usadas

Las propiedades CSS más usadas son las siguientes, separadas en secciones comunes, algunas ya las conocemos:
Display
Margin
Padding
Border
Width
Height
Color
Background
⁠
image.png
⁠
⁠
También, si deseas conocer todas las etiquetas existentes, puedes revisar el sitio web
CSS Reference
⁠
.

Propiedades de textos

Las propiedades para manipular los textos y tipografía son los siguientes:
font-size: establece un tamaño de fuente.
font-weight: establece el resaltado del texto, con valores de 100 a 900 en intervalos de 100; donde 100 es delgada y 900 es negrita.
font-family: establece el tipo de fuente.
text-align: establece la posición del texto: right, left, center y justify.
color: establece el color del texto.

Bordes redondeados

La propiedad que establece bordes redondeados es: border-radius.
⁠
Ejemplo de bordes redondeados
⁠
⁠


Qué es una declaración de CSS
Comentarios de CSS
Propiedades iniciales de CSS
Medidas iniciales
Propiedades más usadas
Propiedades de textos
Bordes redondeados
Documentación
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.