Está en la página 1de 13

Arquitectura de Entornos Web

Equipo de Profesores del Curso


Ciclo 2019
Estructuras y bloques
Maquetación

Unidad 3
Semana 11
Logro

Al término de la unidad, el alumno diseña y construye un sitio web aplicando


etiquetas HTML5, estilos CSS 3, elementos multimedia y formularios.
Temario

• Etiquetas estructurales flexibles


CSS 3
Etiquetas estructurales flexibles

etiquetaEstructural {
display: flex;
flex-direction: column;
}
Etiquetas estructurales flexibles

etiquetaEstructural {
display: flex;
flex-direction: row;
}
Etiquetas estructurales flexibles

etiquetaEstructural {
display: flex;
flex-direction: row;
justify-content: flex-start;
}

justify-content: flex-start;;
Etiquetas estructurales flexibles

etiquetaEstructural {
display: flex;
flex-direction: row;
justify-content: flex-end;
}

justify-content: flex-end;;
Etiquetas estructurales flexibles

etiquetaEstructural {
display: flex;
flex-direction: row;
justify-content: center;
}

justify-content: center;;
Etiqueta estructural flexible

etiquetaEstructural {
display: flex;
flex-direction: row;
justify-content: space-around;
}

justify-content: space-around;;
Etiqueta estructural flexible

etiquetaEstructural {
display: flex;
flex-direction: row;
justify-content: space-between;
}

justify-content: space-between;;
Etiquetas estructurales flexibles

etiquetaEstructural {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}

flex-wrap: wrap;;

También podría gustarte