Crear una barra de navegación del sitio web que permanezca fija en la parte superior de la página web para que los usuarios puedan acceder a ella en todo momento. Pasos:

Aplicar posicionamiento fijo a la lista de navegación.
Elige una propiedad para el desplazamiento horizontal (izquierda o derecha).
Elija una propiedad para el desplazamiento vertical (top o bottom).
Prueba la funcionalidad haciendo clic en diferentes enlaces y asegurándote de que la página se desplaza manteniendo visible la barra de navegación.

index.html

index.css

index.js

Establezca la propiedad top en 0 para mantener la navegación en la parte superior de la página web.
Para el posicionamiento horizontal, puede utilizar left: 0; para alinearlo con el borde izquierdo de la ventana gráfica o right: 0; para alinearlo con el borde derecho.

index.html

index.css

index.js

¿Todo estuvo claro?

Sección 2. Capítulo 7

Contenido del Curso

Advanced CSS Techniques

1. Introducción

Visión general del curso Enfoque del Curso Temas del Curso Cómo tener éxito

2. Posicionamiento de Artículo

3. Transiciones

4. Animaciones

5. Transformaciones

¿Qué es Transformación?Escalado Giratorio Reto: Agregar Escalado y Rotación Traducir Sesgo Perspectiva Retos: Añadir Traducción y Sesgo

6. Sitios web y aplicaciones adaptables/responsivos

¿Qué es el Diseño Adaptativo/Responsivo?@media Query Adaptativo - Diseños responsivos Inspeccionando la Página Web Desafío: Inspeccionar Diseño Adaptable/Responsivo

7. Preprocesadores

¿Qué es un Preprocesador?Sintaxis Sass Variables de Sass Operadores Numéricos de Sass Anidamiento en Sass Directiva @extend Estructura de Carpeta-Archivo

Advanced CSS Techniques

Reto: Posicionamiento Fijo

Tarea

Crear una barra de navegación del sitio web que permanezca fija en la parte superior de la página web para que los usuarios puedan acceder a ella en todo momento. Pasos:

Aplicar posicionamiento fijo a la lista de navegación.
Elige una propiedad para el desplazamiento horizontal (izquierda o derecha).
Elija una propiedad para el desplazamiento vertical (top o bottom).
Prueba la funcionalidad haciendo clic en diferentes enlaces y asegurándote de que la página se desplaza manteniendo visible la barra de navegación.

index.html

index.css

index.js

Establezca la propiedad top en 0 para mantener la navegación en la parte superior de la página web.
Para el posicionamiento horizontal, puede utilizar left: 0; para alinearlo con el borde izquierdo de la ventana gráfica o right: 0; para alinearlo con el borde derecho.

index.html

index.css

index.js

¿Todo estuvo claro?

Sección 2. Capítulo 7