CSS

Page 1

Es un leguajes de estilo y diseño

Tecnicas avanzadas de diseño con Flexbox y CSS Grid

Animaciones, interactividad y diseño adaptable

Completar WebDev2 me preparara para tomar el examen WDA

Obtener 75% en cada evaluacion y un 80% en el examen final para tener un descunto del 20% en el examen WDA

Page 2

Modulos

Módulo 1: Fundamentos de CSS

Introducción a CSS

Incluir CSS en una página web

Creación y organización de hojas de estilo externas

Archivos y directorios CSS

Sintaxis CSS

Comentarios CSS

Orientación de elementos HTML con selectores

La cascada CSS, especificidad y herencia

Finalización del módulo 1

Módulo 1: Fundamentos de CSS

Módulo 3: El modelo de caja

Introducción al modelo de caja

Fundamentos del modelo de caja

Cómo agregar fondos a los elementos del cuadro

Controlar el diseño del contenido

Control de la visibilidad de los elementos

Comprender el posicionamiento en CSS

Personalización de tablas con CSS

Personalización de formularios con CSS

Finalización del módulo 3

Módulo 4: Flotadores y consultas de medios

Introducción a las opciones de diseño CSS

Conceptos básicos de los flotadores

Creación de diseños de varias columnas mediante flotantes CSS

Consultas de medios

Creación de un diseño de cuadrícula utilizando flotantes

Ejemplos prácticos con flotadores

Finalización del módulo 4

Módulo 5: Flexbox y CSS Grid

Fundamentos de Flexbox

Cómo usar Flexbox

Personalización de contenedores flexibles

Personalización de elementos flexibles

Ejemplos de diseño de Flexbox

Fundamentos de CSS Grid

Propiedades de cuadrícula CSS

Ejemplos de diseño de cuadrícula CSS

Finalización del módulo 5

Módulo 6: Transiciones e interactividad

Transiciones e interactividad

Transiciones y sus ejemplos prácticos – Parte 1

Transiciones y sus ejemplos prácticos – Parte 2

Animaciones CSS

Creación de animaciones CSS sencillas (Parte 1)

Creación de animaciones CSS sencillas (Parte 2)

Finalización del módulo 6

Módulo 7: Bootstrap

Marcos CSS

Introducción a Bootstrap

Estructura del proyecto Bootstrap

Sistema de cuadrícula Bootstrap

Clases de utilidad de Bootstrap

Imágenes y medios adaptables

Componentes de Bootstrap

Personalización de Bootstrap con CSS personalizado

Solución de problemas comunes en Bootstrap

Finalización del módulo 7

Módulo 8: Sass y Less

Preprocesadores CSS

Lo esencial de Sass

Menos esenciales

Finalización del módulo 8

Módulo 9: Accesibilidad

Introducción a la accesibilidad web con CSS

Estilo claro y consistente

Ajuste del contraste y el tamaño de fuente

Accesibilidad del lector de pantalla

Finalización del módulo 9

Page 3

Conceptos basicos

CSS es un lenguaje utilizado para diseñar y dar formato a la presentación de elementos HTML, como la paleta de un artista que le permite pintar un sitio web

Page 4

Incluir CSS

Existen tres formas: estilos en linea, estilos interos y hjas de estilo

ESTILOS EN LINEA

Se añaden estilos directamente a elementos html individuales

Hello, CSS!

ESTILOS INTERNOS

se refieren al uso de la etiqueta

HOJAS DE ESTILO EXTERNAS

crea archivos CSS separados (.css) que vincula a su HTML .

Este método mantiene los estilos organizados y consistentes en varias páginas. Es una opción popular para proyectos grandes