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).
17 respuestas a «¿Qué es CSS?»
Ya está en mi Bloglines. Aprenderemos juntos. 🙂
Listo todo para empezar… de mi parte cuenta con un lector…
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) 😛
Que potito, ánimo con esto 🙂
Mucha suerte y ánimo !!!! Por cierto, veo que no soy el único que tiene problemas con el contraste. ¿O quiza lo has hecho a drede para la primera lección? :). Si no es así… Colour Contrast Anali http://juicystudio.com/services/colourcontrast-es.php
Por cierto, veo que tienes un enlace a Camaleón CSS. El día que yo me dije «Hasta aquí hemos llegado, hay que aprender css ya» me fui al camaleón, me bajé el html, y este fue el resultado.
http://www.camaleoncss.com/34/p4/camaleon.html
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.
Yo ya voy por el vigésimo intento de aprender CSS (es que soy muy vaga :P) espero conseguirlo con tu blog, poquito a poco y con buena letra 😉
Paseaba por esta barriada y mira, una nueva escueña… Parece interesante. Aunque los alumnos son unos tiquismiquis 😉
@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
@May: No coment
Así está más chulo!!! 🙂 Ala, a aprender!
Genial, Lore. Tienes otro matriculado.
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 😀