{"id":2687,"date":"2015-08-01T09:43:27","date_gmt":"2015-08-01T07:43:27","guid":{"rendered":"https:\/\/diocesanos.es\/blogs\/equipotic\/?p=2687"},"modified":"2015-07-17T23:55:21","modified_gmt":"2015-07-17T21:55:21","slug":"css3-cheatsheet-chuleta-css","status":"publish","type":"post","link":"https:\/\/diocesanos.es\/blogs\/equipotic\/2015\/08\/01\/css3-cheatsheet-chuleta-css\/","title":{"rendered":"CSS3 cheatsheet (Chuleta CSS)"},"content":{"rendered":"<p>Si eres desarrollador, programador o dise\u00f1ador web, es posible que esta chuleta (<em>cheat sheet<\/em>) te interese. Se trata del <a href=\"http:\/\/lenguajecss.com\/#cheatsheet\" target=\"_blank\"><strong>Lenguaje CSS<\/strong><\/a>, un lenguaje de marcado que se ide\u00f3 con el prop\u00f3sito de simplificar el dise\u00f1o web a trav\u00e9s de un conjunto de sencillas propiedades aplicadas a uno o varios documentos.<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-cheatsheet.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2688 size-medium\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-cheatsheet-300x225.png\" alt=\"css3-cheatsheet\" width=\"300\" height=\"225\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-cheatsheet-300x225.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-cheatsheet.png 1024w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Con el paso del tiempo, este lenguaje de hojas de estilo ha evolucionado mucho, permitiendo desde las tareas m\u00e1s b\u00e1sicas y elementales, como cambiar las dimensiones o los colores de un elemento web hasta efectos interactivos, transiciones, animaciones o incluso hasta efectos tridimensionales.<\/p>\n<p><!--more--><\/p>\n<p>Esta cheatsheet es muy \u00fatil para aquellos que tenemos mala memoria o que queremos consultar de forma r\u00e1pida la sintaxis de las propiedades CSS existentes.<\/p>\n<h2>Contenido<\/h2>\n<p>La <strong>cheatsheet<\/strong> contiene informaci\u00f3n sobre las siguientes caracter\u00edsticas de CSS, dividido en dos p\u00e1ginas. La primera de ellas contiene en su mayor\u00eda caracter\u00edsticas de CSS2, mientras que la segunda incorpora las novedades m\u00e1s populares de CSS3.<\/p>\n<p><strong>Primera p\u00e1gina<\/strong>:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2689\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-1-300x246.png\" alt=\"css3-pagina-1\" width=\"300\" height=\"246\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-1-300x246.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-1.png 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul class=\"nobottom\">\n<li>Sintaxis general de CSS<\/li>\n<li>Formato de colores (<em>hexadecimal, RGB, HSL, RGB\/HSL+alfa<\/em>)<\/li>\n<li>Colores y fondos<\/li>\n<li>Unidades y medidas<\/li>\n<li>Fuentes CSS2 (tipograf\u00edas), alineaciones y variaciones<\/li>\n<li>Tipos de elementos<\/li>\n<li>Perfiles (outlines)<\/li>\n<li>Desplazamiento y posicionamiento de elementos<\/li>\n<li>Cursores del rat\u00f3n<\/li>\n<li>Listas y tablas<\/li>\n<li>Modelo de cajas (M\u00e1rgenes y espaciados)<\/li>\n<li>Bordes y estilos de borde<\/li>\n<li>Dimensiones y ubicaciones<\/li>\n<li>Columnas CSS3<\/li>\n<\/ul>\n<p><strong>Segunda p\u00e1gina<\/strong>:<\/p>\n<p style=\"text-align: center;\"><a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2690\" src=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-2-300x246.png\" alt=\"css3-pagina-2\" width=\"300\" height=\"246\" srcset=\"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-2-300x246.png 300w, https:\/\/diocesanos.es\/blogs\/equipotic\/wp-content\/uploads\/sites\/2\/2015\/07\/css3-pagina-2.png 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul class=\"nobottom\">\n<li>Fondos CSS3<\/li>\n<li>Gradientes de fondo (lineales y radiales)<\/li>\n<li>Sombras de texto y elementos<\/li>\n<li>Prefijos \u00abvendor\u00bb de motores de navegadores<\/li>\n<li>Bordes con im\u00e1genes<\/li>\n<li>Bordes redondeados<\/li>\n<li>Fuentes CSS3 (tipograf\u00edas)<\/li>\n<li>Medios (\u00fatil para responsive design)<\/li>\n<li>Paginaci\u00f3n en medios<\/li>\n<li>Transiciones CSS3<\/li>\n<li>Animaciones CSS3<\/li>\n<li>Filtros CSS3<\/li>\n<li>Transformaciones 2D<\/li>\n<li>Transformaciones 3D<\/li>\n<\/ul>\n<p>[ <strong><a href=\"http:\/\/lenguajecss.com\/#cheatsheet\" target=\"_blank\">P\u00e1gina de descarga<\/a><\/strong> ]<\/p>\n<p><em>Art\u00edculo original en <strong><a href=\"http:\/\/www.emezeta.com\/articulos\/css3-cheatsheet-chuleta-css\" target=\"_blank\">emezeta.com<\/a><\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si eres desarrollador, programador o dise\u00f1ador web, es posible que esta chuleta (cheat sheet) te interese. Se trata del Lenguaje CSS, un lenguaje de marcado que se ide\u00f3 con el prop\u00f3sito de simplificar el dise\u00f1o web a trav\u00e9s de un conjunto de sencillas propiedades aplicadas a uno o varios documentos. Con el paso del tiempo, &hellip; <a href=\"https:\/\/diocesanos.es\/blogs\/equipotic\/2015\/08\/01\/css3-cheatsheet-chuleta-css\/\" class=\"more-link\">Seguir leyendo <span class=\"screen-reader-text\">CSS3 cheatsheet (Chuleta CSS)<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,151],"tags":[225,7],"class_list":["post-2687","post","type-post","status-publish","format-standard","hentry","category-practicas","category-trucos-2","tag-css","tag-web"],"_links":{"self":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/2687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/comments?post=2687"}],"version-history":[{"count":0,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/posts\/2687\/revisions"}],"wp:attachment":[{"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/media?parent=2687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/categories?post=2687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/diocesanos.es\/blogs\/equipotic\/wp-json\/wp\/v2\/tags?post=2687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}