Está en la página 1de 2

CSS

Las Hojas de estilo en cascada (del ingles Cascading Stylesheets CSS) es la


siguiente tecnología que aprenderemos después de HTML. Mientras que HTML se
utiliza para definir la estructura y la semántica del contenido, CSS se usa para darle
estilo y posicionarlo visualmente. CSS se puede usar, por ejemplo, para cambiar la
fuente, el color, el tamaño y el espaciado del contenido, para formar multiples
columnas, añadir animaciones y otros elementos decorativos.

Itinerario de aprendizaje
Antes de empezar con CSS deberemos conocer los fundamentos de HTML.
Podemos trabajar este contenido en introducción a HTML para posteriormente
aprender:

 CSS, comenzando por el módulo de Introducción a CSS


 Módulos HTML más avanzados
 JavaScript, y cómo usarlo para añadir funcionalidad dinamica a las pagina
web
Se recomienda aprender HTML y CSS al mismo tiempo, trabajando de forma
conjunta ambas disciplinas. CSS aporta un valor añadido a HTML y no podrás
aprender CSS sin controlar HTML.

Antes de comenzar con este tema, deberemos tener conocimientos básicos sobre
el uso de ordenadores y sobre el uso pasivo de la Web (navegar y consumir
contenido). Es recomendable tener configurado un entorno de desarrollo como el
detallado en Instalación de software básico, y saber crear y gestionar archivos
como se detalla en Manejando archivos — ambos forman parte del
módulo Primeros pasos en la Web para principiantes.

Se recomienda trabajar el módulo Primeros pasos en la Web antes de entrar a este


tema, aunque no es completamente necesario; gran parte de lo tratado en el
artículo de CSS básico también se trata en el módulo de introducción a CSS,
aunque con mucho más detalle.

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

Introducción a CSS
Este módulo explica los conceptos básicos sobre el funcionamiento de
CSS, incluyendo selectores y propiedades, escritura de reglas CSS,
aplicación de CSS a HTML, cómo especificar longitud, color y otras
unidades en CSS, organización en cascada y herencia, conceptos de
encajonado básicos y depuración de CSS.

Estilo del texto


Aquí veremos cómo aplicar estilos al texto, tipos de letra, negrita, cursiva,
espaciado, interlineado y sombreado, entre otras funciones relativas al
texto. Terminaremos el módulo aplicando tipos a nuestra página,
configurando listas y enlaces.

Estilos por cajas


A continuación veremos la aplicación de estilos por cajas, fundamental
en el diseño de páginas web. En este módulo analizaremos el modelo de
cajas para después aprender a controlar el diseño de las cajas ajustando
rellenos, marcos y márgenes, personalizando colores de fondo,
imágenes y otras características, además de divertidas funcionalidades
como el sombreado y los filtros sobre las cajas.

Diseño CSS
Llegados a este punto ya conocemos lo básico de CSS, como darle
estilo al texto, y cómo dar estilo y manipular el contenido de las cajas. Es
momento de ver cómo ubicar las cajas correctamente con respecto a la
ventana de visualización y a otra. Hemos cubierto los requisitos
necesarios para poder meternos de lleno en el diseño CSS, ver
diferentes ajustes de visualización, metodos tradicionales de diseño con
pivotes y posicionamiento, y nuevas herramientas de diseño como
flexbox.

Diseño Adaptable (RBD Responsive Web Design)


Con la gran variedad de dispositivos capaces de navegar por la Web
actualmente, el diseño web adaptable (RWD) es una habilidad
imprescindible para el diseño web. En este módulo veremos principios
básicos y herramientas de RWD, como aplicar diferentes CSS a un
documento dependiendo de las características del dispositivo como el
ancho de la pantalla, la orientación y la resolución; veremos las
tecnologías disponibles para mostrar videos e imágenes dependiendo de
estas características.

Biografía: https://developer.mozilla.org/es/docs/Learn/CSS

También podría gustarte