Web Dev: Page Layout and Complex Style Rules

Web Dev: Page Layout and Complex Style Rules

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

Instructor: Bill Rosenthal

Access provided by Southern Illinois University Carbondale

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

Manage the CSS box model, element dimensions, and universal box sizing to control layering, overflow behavior, and z-index positioning.
Implement advanced selectors, structural pseudo-classes, and user interface states to dynamically format link styles and layout hierarchies.
Build intricate responsive web layouts utilizing multi-column properties, CSS grid systems, and flexible box layout modules.
Data files for this course are provided in the first course of this specialization, "Web Dev: Environment Setup and Basic Page Creation".

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

1 assignment

Taught in English

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