Curso de CSS

Fundamentos de CSS Parte 1:

• Definir estilo y aplicarlo a CSS.

• Ejemplos de aplicación de font-size, color, text-align, margin, padding, border y background-color a los elementos.

• Definir enlaces y cómo incorporarlos en HTML para aplicar estilos CSS.

• La jerarquía de estilo en línea > id > clase > etiqueta para aplicar estilos CSS de manera eficiente.

• Aplicar estilos CSS directamente a un elemento usando estilos en línea.

• Aplicar estilos CSS usando id.

• Aplicar estilos CSS usando clase.

Fundamentos de CSS Parte 2:

• Usar etiquetas HTML.

• Anidar elementos HTML.

• Entender la jerarquía de las clases CSS.

• Explorar hover y su uso.

• Ajustar el ancho y alto de HTML.

Infraestructura del diseño de página Parte 1:

• Convenciones de nombres para clases en CSS

• La diferencia entre las propiedades de visibilidad y display, y cómo aplicarlas en diseño

• Ejemplos de propiedades CSS como border-radius, visibility, display y box-sizing

• Los beneficios de usar el modelo border-box para un mejor diseño de maquetación.

Infraestructura del diseño de página Parte 2:

• Mejorar los diseños en CSS.

• Qué hacen float y clear al diseño del documento.

• El uso de float y clear.

• Una revisión de los enfoques para alinear elementos.

Posicionamiento de elementos con CSS Parte 1:

• Explorar la posición en CSS.

• Entender el posicionamiento relativo.

• Entender el posicionamiento absoluto.

• Controlar la posición utilizando las propiedades top, left, right y bottom.

• Usar z-index para controlar el orden de apilamiento de los elementos.

Posicionamiento de elementos con CSS Parte 2:

• Aprender cómo posicionar elementos con la propiedad position de CSS.

• Entender la diferencia entre position: relative y position: absolute.

• Explorar cómo usar las propiedades top, left, right y bottom para ajustar la posición de los elementos.

• Descubrir cómo controlar el orden de apilamiento de los elementos con la propiedad z-index.