CSS3 cheatsheet (Chuleta CSS)

Si eres desarrollador, programador o diseñador web, es posible que esta chuleta (cheat sheet) te interese. Se trata del Lenguaje CSS, un lenguaje de marcado que se ideó con el propósito de simplificar el diseño web a través de un conjunto de sencillas propiedades aplicadas a uno o varios documentos.

css3-cheatsheet

Con el paso del tiempo, este lenguaje de hojas de estilo ha evolucionado mucho, permitiendo desde las tareas más básicas y elementales, como cambiar las dimensiones o los colores de un elemento web hasta efectos interactivos, transiciones, animaciones o incluso hasta efectos tridimensionales.

Esta cheatsheet es muy útil para aquellos que tenemos mala memoria o que queremos consultar de forma rápida la sintaxis de las propiedades CSS existentes.

Contenido

La cheatsheet contiene información sobre las siguientes características de CSS, dividido en dos páginas. La primera de ellas contiene en su mayoría características de CSS2, mientras que la segunda incorpora las novedades más populares de CSS3.

Primera página:

css3-pagina-1

  • Sintaxis general de CSS
  • Formato de colores (hexadecimal, RGB, HSL, RGB/HSL+alfa)
  • Colores y fondos
  • Unidades y medidas
  • Fuentes CSS2 (tipografías), alineaciones y variaciones
  • Tipos de elementos
  • Perfiles (outlines)
  • Desplazamiento y posicionamiento de elementos
  • Cursores del ratón
  • Listas y tablas
  • Modelo de cajas (Márgenes y espaciados)
  • Bordes y estilos de borde
  • Dimensiones y ubicaciones
  • Columnas CSS3

Segunda página:

css3-pagina-2

  • Fondos CSS3
  • Gradientes de fondo (lineales y radiales)
  • Sombras de texto y elementos
  • Prefijos «vendor» de motores de navegadores
  • Bordes con imágenes
  • Bordes redondeados
  • Fuentes CSS3 (tipografías)
  • Medios (útil para responsive design)
  • Paginación en medios
  • Transiciones CSS3
  • Animaciones CSS3
  • Filtros CSS3
  • Transformaciones 2D
  • Transformaciones 3D

[ Página de descarga ]

Artículo original en emezeta.com