Web Dev: Page Layout and Complex Style Rules

Grow your skills with Coursera Plus for $239/year (usually $399). Save now.

Web Dev: Page Layout and Complex Style Rules

This course is part of Web Development with HTML5, CSS, and JavaScript Specialization

Instructor: Bill Rosenthal

Included with

Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

7 hours to complete

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

7 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

In this course, you will use CSS to format positional and size aspects of HTML elements, apply complex style rules, and create complex layouts.

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Web Development with HTML5, CSS, and JavaScript Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

In this course, you'll continue developing your web-development skills by formatting element edges and corners, controlling an element's height and width, controlling an element's position and layering, and normalizing and resetting browser CSS defaults. You'll also use advanced selectors, manager user-interface states, make structure more apparent to users, and use CSS pseudo-element selectors. Then, you'll use CSS to create newspaper-style columns, grid layouts, and flexible box layouts.

Much of your effort in creating HTML is about placing content inside of elements. But when it comes to matters of layout, CSS gives you a lot to consider regarding what happens around the outside of an element—the edges and spacing that fence your content in. CSS gives you complete control over the spacing inside and outside the edges, the color and lines (if any) used to draw the edges. You also can control the overall size, position, and layering of elements within a web page.

What's included

1 reading6 plugins

CSS rules provide a powerful way to format many HTML pages from a single source, without having to spend significant time editing every page. They can make your website more consistent, and they can significantly reduce the time needed to format an entire site. Their power comes primarily from selectors, and CSS provides numerous types of selectors that will make your website formatting tasks even more efficient.

What's included

6 plugins

CSS provides numerous options for laying out elements in complex column-and-row layouts that enable you to present information so it is easy to read, arranged for easy comparison, and adaptable to different screen layouts

What's included

5 plugins

You'll wrap things up and then validate what you've learned in this course by taking an assessment.

What's included

1 reading1 assignment

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Bill Rosenthal

Logical Operations

155 Courses 20,781 learners

Offered by

Logical Operations

Explore more from Mobile and Web Development

University of California, Davis
Advanced Web Layouts
Course
Logical Operations
Web Dev: Tables, Multimedia, and Styling
Course
EDUCBA
XHTML - Advanced Styling with CSS
Course
Packt
Styling with CSS – Layouts and Visual Design
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.