Position Elements on a Page with CSS

4.6
21件の評価
提供:
Coursera Project Network
このガイド付きプロジェクトでは、次のことを行います。

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
Intermediate中級
Cloudダウンロード不要
Video分割画面ビデオ
Comment Dots英語
Laptopデスクトップのみ

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.

あなたが開発するスキル

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

ステップバイステップで学習します

ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。

  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.

ガイド付きプロジェクトの仕組み

ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です

分割画面のビデオで、講師が手順ごとにガイドします

レビュー

POSITION ELEMENTS ON A PAGE WITH CSS からの人気レビュー

すべてのレビューを見る

よくある質問

よくある質問

さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。