Firefox https://academia-x.netlify.app/cheatsheets/css.
html
Hoja de trucos de CSS
Selector Descripción
* {} Selector universal.
.class {} Selector de clase.
#id {} Selector de ID.
element {} Selector de tipo de elemento.
Selector Descripción
:hover {} Estado de hover de un elemento.
:after {} Insertar contenido después de un elemento.
:before {} Insertar contenido antes de un elemento.
:nth-child() {} Seleccionar un hijo específico.
Propiedad Descripción
margin Espacio exterior de un elemento.
border Borde alrededor del padding y contenido.
padding Espacio interior entre el borde y el contenido.
ACADEMIA X Academia X LLC. www.academia-x.com
1 de 4 12/08/2024, 04:01 p. m.
Firefox https://academia-x.netlify.app/cheatsheets/css.html
Propiedad Descripción
width/height Ancho y alto del contenido.
Propiedad Descripción
position Tipo de posicionamiento: static, relative, etc.
top/right/bottom/left Desplazamiento de la posición.
Propiedad Descripción
display Tipo de display: none, block, inline, etc.
Propiedad Descripción
display: flex; Establece un contenedor flex.
flex-direction Dirección de los elementos flex.
justify-content Alineación horizontal de los elementos flex.
align-items Alineación vertical de los elementos flex.
Propiedad Descripción
display: grid; Establece un contenedor de grid.
grid-template-columns/
rows Define las columnas/filas de la grid.
ACADEMIA X Academia X LLC. www.academia-x.com
2 de 4 12/08/2024, 04:01 p. m.
Firefox https://academia-x.netlify.app/cheatsheets/css.html
Propiedad Descripción
grid-column/row-start/
end Define inicio/fin de columnas/filas de la grid.
Propiedad Descripción
font-family Familia tipográfica.
font-size Tamaño de fuente.
font-weight Grosor de la fuente.
line-height Altura de línea del texto.
text-align Alineación del texto.
Propiedad Descripción
color Color del texto.
background-color Color de fondo del elemento.
background-image Imagen de fondo.
Propiedad Descripción
transition Define una transición.
@keyframes animationname Define los puntos clave de una animación.
ACADEMIA X Academia X LLC. www.academia-x.com
3 de 4 12/08/2024, 04:01 p. m.
Firefox https://academia-x.netlify.app/cheatsheets/css.html
Propiedad Descripción
@media (max-width:
600px) {} Consultas para dispositivos con un ancho máximo.
ACADEMIA X Academia X LLC. www.academia-x.com
4 de 4 12/08/2024, 04:01 p. m.
