Diseño y Programacion Web – Clase 6 – Introduccion a CSS

mundo virtualmundo virtual

Sabemos que HTML es muy poderoso en cuanto a la facilidad de mostrar elementos en pantalla. Pero la necesidad de darle un estilo a los sitios produjo el nacimiento de CSS. Cito un poco de historia:

El organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal).

La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo lenguaje que tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets).

En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial, conocida como “CSS nivel 1”.

Fuente

CSS es totalmente necesario. Excepto que queramos hacer un sitio lleno de texto y fondo blanco, cosa que dudo mucho sea comercial. Confieso que al principio me negaba a tocar hojas de estilo. Me parecia molesto y complicado. La verdad es que en si es bastante sencillo. Se trata de un conjunto de propiedades que se le pueden asignar a uno o mas elementos html.

Tenemos dos formas de incluir codigo CSS: Inline

O por include:

En el caso de inline, hay otra forma mas de meter codigo:

El atributo color con el valor blue nos permite que el texto del valor de ese input salga en color azul.

Lo mas recomendable es tener un include donde se pasen las propiedades de cada elemento que queramos asignar.

En la proxima clase vamos a construir una pagina completa con css y html, creo que es la mejor manera de que puedan ir asimilando los conceptos de su aplicacion.

Be the first to comment on "Diseño y Programacion Web – Clase 6 – Introduccion a CSS"

Leave a comment

Your email address will not be published.


*