[TeamTreeHouse] CSS Layout Basics

169-minute CSS Course

About this Course

Learn to work with common layout and positioning methods used in web design. In this course, you’ll get hands-on practice with basic CSS layout techniques like display modes and floats.

You’ll use your new CSS layout skills to build the layout for a simple web page. Then learn to enhance the layout using relative, absolute and fixed positioning.

Getting Started with CSS Layout
This stage covers layout tips and techniques used by web designers. You’ll learn about CSS resets, layout wrappers, creating a sticky footer, and more.

Controlling Layout with CSS Display Modes
Learn to control elements in your layout using common CSS display modes like block, inline, and inline-block. Understanding the differences between these display settings will help take your CSS layouts to the next level.

Page Layout with the Float Property
Learn how to use the float property for positioning and layout. You’ll also learn about the default browser quirks you’ll face when using floats and how to prevent them.

CSS Layout Project
Now it’s time to challenge your new layout skills and put them to use by completing a CSS layout project.

Positioning Page Content
Now that you know the basics of CSS layout, it’s time to learn another important CSS layout technique. In this stage, you’ll learn to position elements anywhere on the page with relative, absolute, and fixed positioning.

Created By Guil Hernandez
Duration 169m

Size: 313.05 MB

Download Now

https://teamtreehouse.com/library/css-layout-basics.