{"id":19,"date":"2006-12-15T07:17:35","date_gmt":"2006-12-15T06:17:35","guid":{"rendered":"http:\/\/www.loretahur.es\/AprendiendoCSS\/%c2%bfpor-que-usar-css\/"},"modified":"2006-12-20T09:09:52","modified_gmt":"2006-12-20T08:09:52","slug":"por-que-usar-css","status":"publish","type":"post","link":"http:\/\/www.loretahur.net\/AprendiendoCSS\/por-que-usar-css\/","title":{"rendered":"\u00bfPor qu\u00e9 usar CSS?"},"content":{"rendered":"
    \n
  1. Porque es m\u00e1s limpio<\/strong> tener por separado el contenido (HTML) y por otro la presentaci\u00f3n (CSS). Cuando tengamos que hacer un cambio en la apariencia de nuestras p\u00e1ginas, ser\u00e1 f\u00e1cil localizar el elemento en nuestro css o si el cambio es el contenido, ser\u00e1 menos farragoso hacerlo en el html.<\/li>\n
  2. Porque para cambiar el formato de las cabeceras, por ejemplo, s\u00f3lo tendremos que definir en el fichero de CSS una \u00fanica<\/strong> vez la etiqueta <h1><\/code> y no tantas veces como aparezcan cabeceras en el html.<\/li>\n
  3. Porque el HTML es muy limitado<\/strong> para lograr una maquetaci\u00f3n<\/strong> atractiva de las p\u00e1ginas web (posicionamiento lineal). Sin embargo, con CSS2 podremos posicionar elementos a nuestro antojo.<\/li>\n
  4. Porque nos permitir\u00e1 mantener una cierta consistencia<\/strong> entre todas nuestras p\u00e1ginas. Es decir, si tenemos 100 p\u00e1ginas, que todas tengan el mismo formato.<\/li>\n
  5. Porque nos permite una carga m\u00e1s r\u00e1pida<\/strong> de nuestras p\u00e1ginas. La explicaci\u00f3n es la siguiente: cuando el usuario accede por primera vez a nuestra web, se descarga el fichero .css y el .html. Cada vez que pinche en cada uno de los apartados de la p\u00e1gina, deber\u00e1 recargar el c\u00f3digo HTML pero ya no el .css porque lo tiene en su cach\u00e9.<\/li>\n
  6. Porque es m\u00e1s accesible<\/strong> que el HTML. Antes de que apareciese el css, los dise\u00f1adores deb\u00edan hacer uso de tablas para aplicarle forma a las p\u00e1ginas. Estas son muy poco accesibles puesto que en navegadores de voz, el usuario es bombardeado con un sinf\u00edn de n\u00fameros que representan las celdas.<\/li>\n
  7. Porque es un est\u00e1ndar<\/strong> y los est\u00e1ndares son el camino para que todos podamos ver Internet de la misma manera (independientemente de nuestra versi\u00f3n o marca de navegador).<\/li>\n
  8. Porque como su propio nombre indica, se trata de definir las caracter\u00edsticas en cascada. Es decir, empezaremos definiendo la p\u00e1gina entera y luego vamos refinando hasta el elemento m\u00e1s simple: la etiqueta. Es decir, puede que muchas cosas tengan las mismas caracter\u00edsticas y eso definido en HTML supone much\u00edsimo c\u00f3digo, mientras que en css apenas son unas l\u00edneas<\/li>\n
  9. Porque con HTML s\u00f3lo pod\u00edamos definir atributos en las p\u00e1ginas con pixels y porcentajes. Con CSS podemos definir utilizando muchas m\u00e1s unidades como: pixels (px) y porcentajes (%), como antes; pulgadas (in); puntos (pt); cent\u00edmetros (cm)<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"

    Porque es m\u00e1s limpio tener por separado el contenido (HTML) y por otro la presentaci\u00f3n (CSS). Cuando tengamos que hacer un cambio en la apariencia de nuestras p\u00e1ginas, ser\u00e1 f\u00e1cil localizar el elemento en nuestro css o si el cambio es el contenido, ser\u00e1 menos farragoso hacerlo en el html. Porque para cambiar el formato […]<\/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\/19"}],"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=19"}],"version-history":[{"count":0,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/posts\/19\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/media?parent=19"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/categories?post=19"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.loretahur.net\/AprendiendoCSS\/wp-json\/wp\/v2\/tags?post=19"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}