{"id":29034,"date":"2021-08-14T13:25:36","date_gmt":"2021-08-14T13:25:36","guid":{"rendered":"https:\/\/www.conectasoftware.com\/glossary\/css\/"},"modified":"2022-11-10T10:14:36","modified_gmt":"2022-11-10T10:14:36","slug":"css","status":"publish","type":"glossary","link":"https:\/\/www.conectasoftware.com\/magazine\/glosario\/css\/","title":{"rendered":"CSS<\/span>"},"content":{"rendered":"

CSS, \u00bfqu\u00e9 es?<\/b><\/h2>\n

CSS (Cascade Style Sheet) o tambi\u00e9n conocido como Hoja de estilos en cascada hace referencia a un lenguaje que permite modificar la apariencia de un documento estructurado escrito en un lenguaje de marcado como puede ser el HTML<\/a>, permitiendo as\u00ed, diferenciar entre estilos y estructura. <\/span><\/p>\n

A trav\u00e9s de esta caracter\u00edstica, se permite que simplemente que cambiando las reglas CSS, se cambie completamente el aspecto de un sitio web, siendo posible adem\u00e1s, que los desarrolladores puedan hacer uso de hojas de estilo personalizadas. <\/span><\/p>\n

El lenguaje CSS es propiedad de la W3C<\/a>, que es quien crea todos los est\u00e1ndares relacionados con la web.<\/span><\/p>\n

Estructura del lenguaje CSS<\/b><\/h2>\n

La estructura se basa principalmente en dos elementos conocidos como \u201cselector\u201d y \u201cdeclaraci\u00f3n\u201d. El selector indica a qu\u00e9 elemento se le van a aplicar los estilos y la declaraci\u00f3n especifica cu\u00e1les son los estilos. Se pueden diferenciar entre distintos tipos de selector:<\/span><\/p>\n

    \n
  • Selector universal<\/b>: este selector selecciona todos los elementos de la p\u00e1gina a trav\u00e9s del caracter \u201c*\u201d. No es com\u00fanmente utilizado debido a que es poco probable que se le apliquen los mismos estilos a todos los elementos de un sitio web.<\/span><\/li>\n
  • Selector de tipo o etiqueta<\/b>: este selector selecciona todos los elementos del HTML cuya etiqueta coincida con el valor del selector. <\/span><\/li>\n
  • Selector descendente<\/b>: este selector permite a\u00f1adir estilos a todos los elementos \u201chijos\u201d del selector de tipo o etiqueta. <\/span><\/li>\n
  • Selector de clase<\/b>: este selector se caracteriza por tener antes del nombre el caracter \u201c.\u201d y se define dentro del HTML como una class.<\/span><\/li>\n
  • Selector de ID<\/b>: este selector se caracteriza por tener antes del nombre el caracter \u201c#\u201d y se define dentro del HTML como un id. <\/span><\/li>\n<\/ul>\n

    Versiones de CSS<\/b><\/h2>\n

    Actualmente, este lenguaje tiene tres versiones distintas nacidas en distintos a\u00f1os.<\/span><\/p>\n

      \n
    • CSS1<\/b>: fue la primera versi\u00f3n. Surgi\u00f3 en el a\u00f1o 1996 y dur\u00f3 12 a\u00f1os hasta que lleg\u00f3 la tercera versi\u00f3n. Contiene todas las funcionalidades b\u00e1sicas como la sintaxis, los atributos o las propiedades de las fuentes.<\/span><\/li>\n
    • CSS2<\/b>: apareci\u00f3 dos a\u00f1os despu\u00e9s de la primera versi\u00f3n con el objetivo de seguir mejorando el lenguaje. <\/span><\/li>\n
    • CSS3<\/b>: la versi\u00f3n actual se public\u00f3 en el a\u00f1o 2011 y, hasta d\u00eda de hoy, contiene las especificaciones m\u00e1s completas y amplias. La cantidad de funcionalidades que presenta ha hecho que desaparezca la versi\u00f3n 1 y 2 trayendo adem\u00e1s, la divisi\u00f3n del c\u00f3digo en m\u00f3dulos.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

      CSS, \u00bfqu\u00e9 es? CSS (Cascade Style Sheet) o tambi\u00e9n conocido como Hoja de estilos en cascada hace referencia a un lenguaje que permite modificar la apariencia de un documento estructurado escrito en un lenguaje de marcado como puede ser el HTML, permitiendo as\u00ed, diferenciar entre estilos y estructura.  A trav\u00e9s de esta caracter\u00edstica, se permite […]<\/p>\n","protected":false},"author":1,"featured_media":17639,"menu_order":0,"template":"","meta":{"content-type":"","footnotes":""},"glossary-categories":[],"glossary-tags":[],"glossary-languages":[],"class_list":["post-29034","glossary","type-glossary","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29034","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":1,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29034\/revisions"}],"predecessor-version":[{"id":35946,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary\/29034\/revisions\/35946"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media\/17639"}],"wp:attachment":[{"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/media?parent=29034"}],"wp:term":[{"taxonomy":"glossary-categories","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-categories?post=29034"},{"taxonomy":"glossary-tags","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-tags?post=29034"},{"taxonomy":"glossary-languages","embeddable":true,"href":"https:\/\/www.conectasoftware.com\/magazine\/wp-json\/wp\/v2\/glossary-languages?post=29034"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}