Categorías
Introducción

¿Qué es CSS?

Antes de empezar con este curso deberíamos saber qué es exactamente eso de CSS. Y qué mejor que la definición de la Wikipedia:

Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML).

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Por ejemplo, el elemento de HTML <h1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <h2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <h1> debía disponer de la información si se deseaba un diseño consistente para una página.

Cuando se utiliza CSS, la etiqueta <h1> no debería proporcionar información sobre como va a ser visualizado, solamente marca la estructura del documento. La información de estilo separada en una hoja de estilo, especifica cómo se ha de mostrar <h1>: color, fuente, alineación del texto, tamaño, …

Dicho de otra forma, en una página web tenemos dos cosas: el contenido y la presentación.

  • El contenido sería la información que mostramos en la página web y estaría representado por el código HTML
  • La presentación sería la forma en que visualizamos esa información y de esto se encarga el CSS (si queremos que los títulos sean de color rojo y estén en negrita, que las imágenes lleven un borde blanco, etc.)

Esto es como en el mundo del fútbol. Hoy en día los jugadores no empiezan y acaban su carrera en un mismo equipo (a no ser que seas un Julen Guerrero). ¿Y cuál es la diferencia entre una etapa y otra? La camiseta. El jugador no cambia (HTML) pero sí su indumentaria (CSS).

Futbolín

17 respuestas a «¿Qué es CSS?»

Una sugerencia Lore: al menos para mi el contraste entre el color de la letra y el fondo del blog se parecen demasiado y dificultan la lectura ¿no crees? Es que me quedé muy pillaú con las clases de Oliver en la uni 😉

Iba a decir lo mismo que Julen. No es suficiente el contraste en los grises y cansa leerlo. Hay varias webs que les pasas los dos colores en #RRGGBB y te dicen si son colores aptos de fondo/tipografía. Quizá pudieras dedicarle un post precisamente a eso 😉

Enhorabuena por tu nueva criatura (el blog, no se vaya a pensar mal el respetable) 😛

Yo me apunto a tus clases de CSS!!! Eso sí, yo tambien he tenido la impresión de que el texto no destaca lo suficiente para una lectura comoda.

P.D. Tremendo el ejemplo de los jugadores de futbol 😉 Muy gráfico.

@Julen: que daño ha hecho Oliver (y que poco efecto sobre esta pobre :D). Teníais toda la razón. Es lo que tiene diseñar en un portátil: que su pantalla engaña muchísimo :S

@Txipi: cuántas veces te he dicho que no hables de mi embarazo en público!! 😛

@Txamu: me has puesto la excusa del color en bandeja pero no os voy a mentir: no era ninguna lección sino gañanería. Lo que si estará chulo para un post es el tema de camaleoncss, pero todo a su tiempo, pequeño saltamontes.

Athletic y Real? No falta un tercer equipo??

En fin, que ayudaremos en lo que podamos. Me uno a las sugerencias sobre el gris en los campos de texto del formulario de comentarios…. A ver, repite conmigo, color:#000000 no es maaaaaaaaalo

Me apunto a tus clases yo también. Por cierto, muy bueno el simil con Julen Guerrero, que desperdicio de entrenadores ha tenido el pobrecillo pues valia mucho más de lo que le han dejado demostrar … jejeje

Pues eso, espero que seas una buena maestra 😀

Hmm,,, bueno, llego bastante tarde, pero no demasiado… Lo del CSS me parece algo bastante curioso y no demasiado dificil de manejar, vamos, mas bien es todo lo complicado que quieras que sea, asi que no esta nada mal un sitio en nuestra lengua para aprender del tema.
un saludo 😀

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *