{"id":14384,"date":"2021-06-02T02:19:48","date_gmt":"2021-06-02T00:19:48","guid":{"rendered":"\/tutoriales\/?p=14384"},"modified":"2025-01-16T18:33:31","modified_gmt":"2025-01-16T17:33:31","slug":"codigos-css-cheat-sheet","status":"publish","type":"post","link":"\/es\/tutoriales\/codigos-css-cheat-sheet","title":{"rendered":"C\u00f3digos CSS – cheat sheet para principiantes y expertos"},"content":{"rendered":"

En este artículo, vamos a compartir los códigos CSS que te serán útiles para tus proyectos de desarrollo web. Además, encontrarás 13 páginas de declaraciones CSS y CSS3 junto a varias propiedades posibles. ¡Empecemos!<\/p>

Descarga la hoja de trucos CSS definitiva<\/a><\/p>

Introducción a CSS<\/h2>

La hoja de estilo en cascada<\/a> o CSS es un lenguaje de hoja de estilo que determina el aspecto de los elementos de tu sitio web. Puedes controlar el diseño, la disposición, la fuente y el color del contenido de tu sitio web incrustando un archivo CSS en tu documento HTML<\/a>.<\/p>

Veamos cómo funciona el CSS desglosando la sintaxis:<\/p>

selector {declaración}<\/pre>
La declaración<\/strong> consta de las siguientes partes:<\/p>
selector {propiedad: valor;}<\/pre>
Como puedes ver, la sintaxis CSS consiste en un selector y un bloque de declaración. El selector es el elemento HTML que vas a modificar. Mientras que el bloque de declaración contiene el nombre de la propiedad y el valor del elemento HTML. Ambos están separados por dos puntos (:) y declarados entre llaves ({}).<\/p>
Digamos que quieres que el tamaño de la fuente de tu encabezado uno (h1<\/strong>) sea de 20 píxeles<\/strong>. Tu sintaxis debería ser la siguiente:<\/p>
h1 {font-size: 20px;}<\/pre>
En este caso, el selector es h1<\/strong>. Entonces, font-size<\/strong> es el nombre de la propiedad y 20px<\/strong> es el valor.<\/p>
Como CSS tiene tantos selectores y declaraciones que pueden ser difíciles de recordar, hemos elaborado una hoja de trucos completa de CSS y CSS3 para ayudarte a dominar el lenguaje.<\/p>
\"\"<\/a><\/figure>
Una vez que hayas descargado los códigos CSS, guarda el archivo en tu dispositivo o imprime uno. De esta manera, podrás encontrar fácilmente lo que buscas.<\/p>\n","protected":false},"excerpt":{"rendered":"
En este artículo, vamos a compartir los códigos CSS que te serán útiles para tus proyectos de desarrollo web. Además, encontrarás 13 páginas de declaraciones CSS y CSS3 junto a varias propiedades posibles. ¡Empecemos! Introducción a CSS La hoja de estilo en cascada o CSS es un lenguaje de hoja de estilo que determina el […]<\/p>\n
Read More…<\/a><\/p>\n","protected":false},"author":353,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"Gu\u00eda Completa de C\u00f3digos CSS - Cheat Sheet en PDF","rank_math_description":"El CSS es una parte indispensable de todo sitio web, ya que determina su aspecto. Descarga la hoja de trucos con los c\u00f3digos CSS aqu\u00ed.","rank_math_focus_keyword":"c\u00f3digos css","footnotes":""},"categories":[5701],"tags":[14229],"class_list":["post-14384","post","type-post","status-publish","format-standard","hentry","category-desarrollo-web","tag-codigos-css"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/css-cheat-sheet","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/codigos-css-prontos-guia-pdf","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/codigos-css-cheat-sheet","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/css-cheat-sheet","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/css-cheat-sheet","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/css-cheat-sheet","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/codigos-css-cheat-sheet","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/codigos-css-cheat-sheet","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/codigos-css-cheat-sheet","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/codigos-css-prontos-guia-pdf","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/css-cheat-sheet","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/css-cheat-sheet","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/css-cheat-sheet","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/css-cheat-sheet","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/14384","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/users\/353"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/comments?post=14384"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/14384\/revisions"}],"predecessor-version":[{"id":26434,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/posts\/14384\/revisions\/26434"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/media?parent=14384"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/categories?post=14384"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-json\/wp\/v2\/tags?post=14384"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}