Comenzando (tutorial CSS)

 

Introducción

Este tutorial te introducir√° en las Hojas de Estilo en Cascada (CSS).

Este tutorial te guiará a través de las características básicas de CSS con ejemplos prácticos que puedes probar tu mismo desde tu computadora. Está dividido en dos partes.

  • La Parte I ilustra las caracter√≠sticas est√°ndares de CSS que funcionan con los navegadores de Mozilla as√≠ como tambi√©n con la mayor√≠a de navegadores modernos.
  • La Parte II contiene algunos ejemplos de caracter√≠sticas b√°sicas que funcionan en Mozilla pero no necesariamente funciona en otros entornos.

Este tutorial se base en la especificación CSS 2.1

¬ŅQuienes deber√≠an usar este tutorial?

Este tutorial es principalmente para principiantes en CSS, pero también puedes usarlo si tienes alguna experiencia con CSS.

Si eres un principiante en CSS, usa la Parte I de este tutorial para entender y aprender como usar CSS. Luego usa la Parte II para entender el alcance de CSS en Mozilla.

Si conoces algo de CSS, puedes saltarte las partes del tutorial que ya conozcas, y solo usar las partes que te interesan.

Si tienes experiencia con CSS pero no con Mozilla, puedes saltarte a la Parte II.

¬ŅQu√© necesitas antes de empezar?

Para obtener el mayor provecho de este tutorial, necesitas un editor para archivos de texto, especialmente para la Parte II, un navegador de Mozilla (Firefox, Camino o SeaMonkey). También debes saber como usarlos de forma básica.

Si no quieres editar archivos, puedes solo leer el tutorial y ver las im√°genes, pero es una forma menos efectiva de aprender.

Algunas partes de este tutorial requieren otros programas de Mozilla. Estas partes son opcionales. Si no quieres descargar otros programas de Mozilla, puedes saltarte estas partes.

Nota:  CSS provee formas de trabajar con color, as√≠ que partes de este tutorial dependen del color. Puedes usar estas partes del tutorial f√°cilmente si tienes una pantalla a color y puedes visualizar normalmente los colores.

Como usar este tutorial

Para usar este tutorial, lee las p√°ginas cuidadosamente y en secuencia. Si te pierdes alguna p√°gina, entonces puedes tener dificultades para entender las p√°ginas siguientes.

En cada página, usa la sección Información para entender como funciona CSS. Usa la sección Acción para tratar de usar CSS en tu computadora.

Para probar tu entendimiento, toma los retos al final de cada página. Las soluciones a los retos están enlazados bajo los mismos retos, así que no necesitas mirar las respuestas si no quieres hacerlo.

Para entender CSS con mayor profundidad, lee la informaci√≥n que encuentres en las cajas subtituladas M√°s detalles. Usa los enlaces all√≠ para encontrar informaci√≥n de referencia acerca de CSS.

Tutorial Parte I

Tutorial Parte II

Ejemplos que muestran el alcance de CSS usado con otras tecnologías web y de Mozilla.

  1. JavaScript
  2. Gr√°ficos SVG
  3. Data XML
  4. XBL bindings 
  5. Interfaces de usuario XUL