{"id":12,"date":"2006-12-09T21:30:43","date_gmt":"2006-12-09T20:30:43","guid":{"rendered":"http:\/\/www.loretahur.es\/AprendiendoCSS\/%c2%bfque-es-css\/"},"modified":"2006-12-13T23:17:57","modified_gmt":"2006-12-13T22:17:57","slug":"que-es-css","status":"publish","type":"post","link":"http:\/\/www.loretahur.net\/AprendiendoCSS\/que-es-css\/","title":{"rendered":"\u00bfQu\u00e9 es CSS?"},"content":{"rendered":"<p>Antes de empezar con este curso deber\u00edamos saber qu\u00e9 es exactamente eso de <strong>CSS<\/strong>. Y qu\u00e9 mejor que la definici\u00f3n de la <a title=\"Definici\u00f3n de CSS\" href=\"http:\/\/es.wikipedia.org\/wiki\/Css\">Wikipedia<\/a>:<\/p>\n<blockquote><p>Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentaci\u00f3n de un documento estructurado escrito en HTML o XML (y por extensi\u00f3n en XHTML).<\/p>\n<p>La idea que se encuentra detr\u00e1s del desarrollo de CSS es separar la estructura de un documento de su presentaci\u00f3n.<\/p>\n<p>Por ejemplo, el elemento de HTML <code>&lt;h1&gt;<\/code> indica que un bloque de texto es un encabezamiento y que es m\u00e1s importante que un bloque etiquetado como <code>&lt;h2&gt;<\/code>. Versiones m\u00e1s antiguas de HTML permit\u00edan atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tama\u00f1o de fuente). No obstante, cada etiqueta <code>&lt;h1&gt;<\/code> deb\u00eda disponer de la informaci\u00f3n si se deseaba un dise\u00f1o consistente para una p\u00e1gina.<\/p>\n<p>Cuando se utiliza CSS, la etiqueta <code>&lt;h1&gt;<\/code> no deber\u00eda proporcionar informaci\u00f3n sobre como va a ser visualizado, solamente marca la estructura del documento. La informaci\u00f3n de estilo separada en una hoja de estilo, especifica c\u00f3mo se ha de mostrar <code>&lt;h1&gt;<\/code>: color, fuente, alineaci\u00f3n del texto, tama\u00f1o, &#8230;\n<\/p><\/blockquote>\n<p>Dicho de otra forma, en una p\u00e1gina web tenemos dos cosas: el contenido y la presentaci\u00f3n.<\/p>\n<ul>\n<li>El <strong>contenido <\/strong>ser\u00eda la informaci\u00f3n que mostramos en la p\u00e1gina web y estar\u00eda representado por el c\u00f3digo <em>HTML<\/em><\/li>\n<li>La <strong>presentaci\u00f3n <\/strong>ser\u00eda la forma en que visualizamos esa informaci\u00f3n y de esto se encarga el <em>CSS<\/em> (si queremos que los t\u00edtulos sean de color rojo y est\u00e9n en negrita, que las im\u00e1genes lleven un borde blanco, etc.)<\/li>\n<\/ul>\n<p>Esto es como en el mundo del f\u00fatbol.  Hoy en d\u00eda los jugadores no empiezan y acaban su carrera en un mismo equipo (a no ser que seas un Julen Guerrero). \u00bfY cu\u00e1l es la diferencia entre una etapa y otra? La camiseta. El jugador no cambia (HTML) pero s\u00ed su indumentaria (CSS).<\/p>\n<div style=\"text-align: center\"><img decoding=\"async\" id=\"image13\" alt=\"Futbol\u00edn\" src=\"http:\/\/www.loretahur.es\/AprendiendoCSS\/wp-content\/uploads\/futbolin.png\" \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Antes de empezar con este curso deber\u00edamos saber qu\u00e9 es exactamente eso de CSS. Y qu\u00e9 mejor que la definici\u00f3n de la Wikipedia: Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentaci\u00f3n de un documento estructurado escrito en HTML o XML (y por extensi\u00f3n en [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"_links":{"self":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/12"}],"collection":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":0,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/12\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/media?parent=12"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/categories?post=12"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/tags?post=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}