Position Elements on a Page with CSS

4.5
별점
15개의 평가
제공자:
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 DevelopmentCascading Style Sheets (CCS)Box ModelPositioning with CSSWeb 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의 최상위 리뷰

모든 리뷰 보기

자주 묻는 질문

자주 묻는 질문

궁금한 점이 더 있으신가요? 학습자 도움말 센터를 방문해 보세요.