Position Elements on a Page with CSS

4.6
Sterne
16 Bewertungen
von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

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
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

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.

Kompetenzen, die Sie erwerben werden

Web DevelopmentCascading Style Sheets (CCS)Box ModelPositioning with CSSWeb Design

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  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.

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Bewertungen

Top-Bewertungen von POSITION ELEMENTS ON A PAGE WITH CSS

Alle Bewertungen anzeigen

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Hilfe-Center für Teiln..