What you'll learn:
- Definicion e historia del Css
- Donde y como insertar los estilos Css en tus plantillas
- Selectores basicos y combinadores
- Herencia, cascada y especificidad
- Resetear estilos con Normalize
- Metodologia de Bem
- El patron Box-model
- La propiedad margin,border,padding,outline
- La propiedad position y sus posibles valores: relative,absolute,fixed,sticky
- La propiedad Display y sus posibles valores
- Pseudoelementos
- Pseudoclases
- Variables
- La propiedad Background y todo lo que incluye
- Textos y tipografias
- Las propiedades para listas y tablas
- Manejar imágenes con css
- La propiedad Object-fit
- La propiedad Object-position
- La propiedad filter y sus posibles valores
- Y mucho mas!
En este curso comenzaremos por ver lo esencial o mas básico, es decir, con la definición de Css y su historia o evolución, luego veremos que editores podría el estudiante usar para escribir sus estilos. Luego veremos los tipos de selectores, tanto los básicos como los combinadores. Luego veremos los principios de herencia, cascada y especificidad para poder solucionar conflictos entre nuestros estilos. Veremos para que funciona el archivo de estilos normalize y como resetear estilos por defecto del navegador, también veremos la metodología de Bem para organizar nuestras clases y estilos.
Veremos todas las características del modelo de caja (Padding,margin,border,outline), también los diferentes valores para la propiedad position (static,relative,absolute,fixed,sticky) además del z-index para mover los elementos en el eje z del Html.
Veremos la propiedad display y como cada valor puede influir en el flujo de los elementos en el documento Html, veremos los pseudo-elementos y las pseudoclases con ejemplos completamente prácticos. Luego aprenderemos a manejar variables globales para facilitarnos el no repetir código y estilos, además aprenderemos todas las propiedades que incluye background y con ejemplos prácticos veremos como se usan.
Aprenderemos a colocar familias tipográficas a nuestros textos y además a usar @font-face para agregar nuestras propias tipografías y el como usarlas.
Es un curso en definitiva, destinado para aquellos que quieran aprender o profundizar en las bases de Css, Inscríbete.
