We may earn an affiliate commission when you visit our partners.

Position Elements on a Page with CSS

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.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Two deals to help you save

We found two deals and offers that may be relevant to this course.

Save money when you learn. All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.

Valid for a limited time only

Future-proof your career

Access O'Reilly books, live events, courses, and more. Save with an annual subscription.

Take

15%

off

What's inside

Syllabus

Position Elements on a Page with CSS

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Provides foundational knowledge for intermediate learners seeking to enhance their understanding of CSS and web design

Guides learners through practical application and hands-on implementation of CSS

Utilizes a range of tools and resources, including Notepad++ and Chrome browser, to facilitate learning

Note: Course availability may vary based on geographic location

Save this course

Save Position Elements on a Page with CSS to your list so you can find it easily later:

Save

Reviews summary

Css element positioning course

According to students, the CSS Element Positioning course is recommended for learners who want to learn about positioning elements. Learners liked the course projects and said that the content was well organized. Overall, the course is well received by learners.

Many learners remarked that the course content was well organized, making it easier for them to learn the material.

""nice project and pretty well organised content to learn the outlook of any web page.""

""Great course, Thank's""

Learners mentioned that the course projects were helpful for them to apply the material they learned.

""nice project and pretty well organised content to learn the outlook of any web page.""

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Position Elements on a Page with CSS with these activities:

Review your CSS notes

Show steps

Reviewing your CSS notes will help you to refresh your memory and improve your understanding of CSS.

Browse courses on CSS

Show steps

Get out your CSS notes.
Review the notes and make sure you understand all of the concepts.
If you don't understand something, go back and read the relevant section in the textbook or online.

Watch CSS tutorials on YouTube

Show steps

Watching CSS tutorials on YouTube is a great way to learn about CSS from experts in the field.

Browse courses on CSS

Show steps

Search for CSS tutorials on YouTube.
Choose a tutorial that is appropriate for your skill level.
Watch the tutorial and take notes.

Read 'Cascading Style Sheets: The Definitive Guide'

Show steps

This book provides a comprehensive overview of CSS, covering all the essential concepts you need to know.

View Melania on Amazon

Show steps

Read the first three chapters to gain a solid foundation in CSS.
Complete the exercises at the end of each chapter to test your understanding.
Use the book as a reference when you need to look up specific CSS properties or techniques.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Practice CSS exercises online

Show steps

Completing CSS exercises online will help you to develop your understanding of CSS and improve your ability to apply it in practice.

Browse courses on CSS

Show steps

Find a website that offers CSS exercises.
Choose an exercise that is appropriate for your skill level.
Complete the exercise and check your answers.

Create a CSS cheat sheet

Show steps

Creating a CSS cheat sheet will help you to remember the most important CSS properties and values.

Browse courses on CSS

Show steps

List the most important CSS properties and values.
Organize the properties and values into a logical order.
Print out the cheat sheet and keep it handy for reference.

Join a CSS study group

Show steps

Joining a CSS study group will allow you to learn from and collaborate with other students who are learning CSS.

Browse courses on CSS

Show steps

Find a CSS study group to join.
Attend the study group meetings regularly.
Participate in discussions and ask questions.

Attend a CSS workshop

Show steps

Attending a CSS workshop will allow you to learn from an expert in the field and get hands-on experience with CSS.

Browse courses on CSS

Show steps

Find a CSS workshop to attend.
Attend the workshop and take notes.
Complete the exercises and ask questions.

Contribute to an open-source CSS project

Show steps

Contributing to an open-source CSS project will allow you to learn from and collaborate with experienced CSS developers.

Browse courses on CSS

Show steps

Find an open-source CSS project to contribute to.
Read the project documentation and familiarize yourself with the codebase.
Make a change to the codebase and submit a pull request.

Career center

Learners who complete Position Elements on a Page with CSS will develop knowledge and skills that may be useful to these careers:

Front-End Developer

Front-end developers use CSS and HTML to create the visual appearance of websites. This course teaches learners how to use CSS to control the position of elements on a page. This skill is essential for front-end developers who want to create websites that are both visually appealing and easy to use.

See salaries and explore the career path for Front-End Developer

Web Designer

Web designers are responsible for the overall design and layout of websites. This course teaches learners how to use CSS to position elements on a page in a visually appealing way. This skill is essential for web designers who want to create websites that are both beautiful and functional.

See salaries and explore the career path for Web Designer

UI/UX Designer

UI/UX designers are responsible for the user experience of websites and apps. This course teaches learners how to use CSS to create interfaces that are both visually appealing and easy to use. This skill is essential for UI/UX designers who want to create websites and apps that are both engaging and effective.

See salaries and explore the career path for UI/UX Designer

Graphic designer

Graphic designers create visual concepts for a variety of purposes, including websites, logos, and marketing materials. This course teaches learners how to use CSS to create visually appealing layouts. This skill is essential for graphic designers who want to create designs that are both visually appealing and effective.

See salaries and explore the career path for Graphic designer

Art Director

Art directors are responsible for the visual direction of a variety of projects, including websites, marketing campaigns, and magazines. This course teaches learners how to use CSS to create visually appealing layouts. This skill is essential for art directors who want to create projects that are both visually appealing and effective.

See salaries and explore the career path for Art Director

Product Manager

Product managers are responsible for the development and marketing of products. This course teaches learners how to use CSS to create visually appealing user interfaces. This skill is essential for product managers who want to create products that are both visually appealing and user-friendly.

See salaries and explore the career path for Product Manager

Marketing Manager

Marketing managers are responsible for the development and execution of marketing campaigns. This course teaches learners how to use CSS to create visually appealing marketing materials. This skill is essential for marketing managers who want to create campaigns that are both visually appealing and effective.

See salaries and explore the career path for Marketing Manager

Business Analyst

Business analysts help organizations improve their business processes. This course teaches learners how to use CSS to create visually appealing reports and presentations. This skill is essential for business analysts who want to create documents that are both visually appealing and informative.

See salaries and explore the career path for Business Analyst

Technical Writer

Technical writers create documentation for a variety of purposes, including websites, software, and hardware. This course teaches learners how to use CSS to create visually appealing documentation. This skill is essential for technical writers who want to create documentation that is both visually appealing and easy to understand.

See salaries and explore the career path for Technical Writer

Instructional Designer

Instructional designers create and develop educational materials. This course teaches learners how to use CSS to create visually appealing online courses and other educational materials. This skill is essential for instructional designers who want to create materials that are both visually appealing and effective.

See salaries and explore the career path for Instructional Designer

Information Architect

Information architects organize and structure websites and other information systems. This course teaches learners how to use CSS to create visually appealing information architectures. This skill is essential for information architects who want to create information systems that are both visually appealing and easy to use.

See salaries and explore the career path for Information Architect

User Experience Researcher

User experience researchers study how users interact with websites and other products. This course teaches learners how to use CSS to create visually appealing prototypes and other research materials. This skill is essential for user experience researchers who want to create research materials that are both visually appealing and informative.

See salaries and explore the career path for User Experience Researcher

Software Engineer

Software engineers design, develop, and maintain software systems. This course teaches learners how to use CSS to create visually appealing user interfaces. This skill is essential for software engineers who want to create software systems that are both visually appealing and user-friendly.

See salaries and explore the career path for Software Engineer

Data Analyst

Data analysts collect, analyze, and interpret data. This course teaches learners how to use CSS to create visually appealing data visualizations. This skill is essential for data analysts who want to create visualizations that are both visually appealing and easy to understand.

See salaries and explore the career path for Data Analyst

Project Manager

Project managers plan and execute projects. This course teaches learners how to use CSS to create visually appealing project plans and other project documents. This skill is essential for project managers who want to create documents that are both visually appealing and easy to understand.

See salaries and explore the career path for Project Manager

Reading list

We've selected ten books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Position Elements on a Page with CSS.

CSS: The Definitive Guide

Save

The fourth edition of this definitive guide to CSS provides a comprehensive overview of CSS3 and modern web design techniques. It is an essential reference for web developers who want to master the latest CSS techniques.

Position Elements on a Page with CSS

Two deals to help you save

What's inside

Syllabus

Good to know

Save this course

Reviews summary

Css element positioning course

Activities

Career center

Reading list

Share

Similar courses