CSS

Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

Las Hojas de estilo en cascada (en inglés Cascading Stylesheets y siglas CSS) es la siguiente tecnología que deberías comenzar a aprender después de HTML. Mientras que HTML se utiliza para definir la estructura y semántica del contenido, CSS se usa para estilizarlo y posicionarlo visualmente. Por ejemplo, se puede usar CSS para cambiar la fuente, el color, el tamaño y el espaciado del contenido, pero también se puede aplicar para distribuirlo en columnas o para añadir animaciones y otros elementos decorativos.

Itinerario de aprendizaje

Antes de comenzar con CSS, debes tener arraigados los fundamentos de HTML. Para ello, te recomendamos acudir a nuestra introducción a HTML. Una vez que hayas avanzado, podemos pasar a explicar estos conceptos:

  • CSS, el cual comenzamos con el módulo "Introducción a CSS"
  • Módulos HTML más avanzados
  • JavaScript, y cómo usarlo para añadir funcionalidad de página dinámica

Se recomienda aprender HTML y CSS de forma conjunta, ya que CSS aporta un valor añadido a HTML, pero no podrás saber CSS plenamente sin tener conocimientos de HTML.

Antes de comenzar con este tema, se da por hecho que eres un usuario de computador completamente autónomo. También deberías tener configurado un entorno básico de desarrollo, el cual explicamos en "Instalación de software básico", y por último, saber crear y gestionar ficheros, que explicamos en detalle en "Manejando los archivos". Todo ello forma parte del módulo "Primeros pasos en la Web", el cual recomendamos acudir en su totalidad si así crees necesitarlo.

Módulos

Este tema contiene los siguientes módulos en el orden recomendado de aprendizaje. Recomendamos comenzar desde el primero.

Introducción a CSS
Este módulo explica los conceptos básicos sobre el funcionamiento de CSS, incluyendo selectores, propiedades, escritura de reglas CSS, aplicar CSS al HTML, cómo especificar longitudes, colores y otras unidades, organización en cascada y herencia, conceptos básicos del modelo de caja y depuración de los mismos.
Styling text (Sólo en Inglés)
Aquí se estudian los fundamentos de aplicación de estilos a texto, entre los que se incluye la tipografía, negrita, cursiva, espaciado e interlineado y sombreado, entre otras funciones. También se incluye la aplicación de estilo a listas y enlaces.
Styling boxes (Sólo en Inglés)
Los siguiente es la aplicación de estilo a cajas, paso fundamental en el diseño de páginas web. En dicho módulo recapitulamos el modelo de cajas para después gestionar el estilo de las cajas mediante la aplicación de relleno, bordes y márgenes, fondos y otras propiedades.
CSS layout
At this point we've already looked at CSS fundamentals, how to style text, and how to style and manipulate the boxes that your content sits inside. Now it's time to look at how to place your boxes in the right place in relation to the viewport, and one another. We have covered the necessary prerequisites so can now dive deep into CSS layout, looking at different display settings, traditional layout methods involving float and positioning, and new fangled layout tools like flexbox.
Responsive design (TBD)
With some many different types of devices able to browser the Web these days, responsive web design (RWD) has become a core web development skill. This module will cover the basic principles and tools of RWD, explain how to apply different CSS to a document depending on device features like screen width, orientation, and resolution, and explore the technologies available for serving different video and images depending on such features.
Animations and transforms (TBD)
Two of the most interesting areas of CSS are the ability to manipulate elements (e.g. moving, rotating and skewing), and smoothly animate elements (e.g. from one color or position to another.) This module explores how to implement so-called transformations and animations.

Fundamentos

Empieza aqui si no estas familiarizado con CSS:

Que propiedades hay en CSS y cómo usarlas
Este articulo explica como usar los selectores y aplicar las propiedades CSS de los elementos HTML.
Estilo de texto basico de CSS
Styling text es una aplicación facil de CSS. Aprende en este articulo cómo.
El uso de CSS en una pagina web
Conociendo que CSS es una cosa, pero también hay que saber jugar con HTML. Este artículo te explica cómo.

A fondo

Una vez que que te acostumbras a trabajar con CSS, he aqui unos detalles a explorar:

CSS Referencia
Una referencia exhaustiva para los desarrolladores web experimentados que describen todas las propiedades CSS y concepto.

 

Etiquetas y colaboradores del documento

 Colaboradores en esta página: Aglezabad, RaulHernandez
 Última actualización por: Aglezabad,