Videotutorial posicionamiento CSS: atributo position

En este caso presentamos un nuevo vídeo que se adentra un poco más en el mundo del posicionamiento CSS, es decir, cómo las Hojas de Estilo en Cascada pueden ayudarnos a colocar los elementos en la página y a hacernos aun más dueños del aspecto que tendrán las páginas que diseñemos. El posicionamiento CSS no es complicado, pero para dominarlo debemos conocer varios atributos distintos, siendo el más importante el atributo position, que es el que vamos a revisar a fondo en esta ocasión.

Básicamente en este vídeo vamos a realizar una serie de casos prácticos de posicionamiento de los elementos de la página con CSS y viendo cada uno de los efectos que conseguimos a través de los distintos valores del atributo position.

Empezaremos viendo el posicionamiento por defecto, llamado static y luego dedicaremos una buena parte del tiempo al posicionamiento absoluto, que tiene muchas más cosas interesantes que conocer. Luego veremos también otros tipos de posicionamiento de los elementos, como el relative y más especiales, como el "fixed", que permite colocar elementos en la página que se mantengan en el mismo lugar, aunque el usuario haga scroll en la página con las barras de desplazamiento.

Con este vídeo podremos ver por la práctica todos los posibles valores del atributo position, por tanto, los ejemplos que veremos están muy enfocados a entender los distintos tipos de posicionamiento. Al final revisaremos una relación de los atributos CSS que pueden afectar al posicionamiento de los elementos y comprobaremos que aun nos faltan algunos por aprender.

De momento, aprovechar estos 42 minutos de explicaciones sobre el atributo position y seguir atentos a próximas entregas de estos videotutoriales de CSS en los que seguiremos explicando muchas cosas sobre el posicionamiento CSS.