Position Elements on a Page with CSS

4.6
estrellas
21 calificaciones
ofrecido por
Coursera Project Network
En este proyecto guiado, tú:

Control the flow of blocks on a web page.

Apply knowledge of the box model when positioning elements on a web page.

Write CSS rules to position blocks on a web page.

Clock1 hour and 10 minutes
IntermediateIntermedio
CloudNo se necesita descarga
VideoVideo de pantalla dividida
Comment DotsInglés (English)
LaptopSolo escritorio

In this intermediate-level course you will explore how CSS (Cascading Stylesheets) can be used to control the position of objects on your web page. You will learn to wrap text around an image and create a horizontal menu bar of links using CSS. Using the Notepad++ editor, you will update an internal stylesheet with the CSS rules that control blocks of content. The Chrome browser is used to display the page to test the results of your work. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Habilidades que desarrollarás

  • Web Development
  • Cascading Style Sheets (CCS)
  • Box Model
  • Positioning with CSS
  • Web Design

Aprende paso a paso

En un video que se reproduce en una pantalla dividida con tu área de trabajo, tu instructor te guiará en cada paso:

  1. Alter an HTML file to control the flow of blocks on the page.

  2. Use CSS to modify the appearance of a page using the components of the box model.

  3. Practice using the position property to place boxes on a page.

  4. Write the CSS code to surround an image with text using the float property.

  5. Write the CSS code to create a horizontal menu of hyperlinks.

Cómo funcionan los proyectos guiados

Tu espacio de trabajo es un escritorio virtual directamente en tu navegador, no requiere descarga.

En un video de pantalla dividida, tu instructor te guía paso a paso

Reseñas

Principales reseñas sobre POSITION ELEMENTS ON A PAGE WITH CSS

Ver todas las reseñas

Preguntas Frecuentes

Preguntas Frecuentes

¿Tienes más preguntas? Visita el Centro de Ayuda al Alumno.