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 .
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.


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.