CSS: Page Layouts

with James Williamson
please wait ...
CSS: Page Layouts
Video duration: 0s 8h 57m Beginner


CSS: Page Layouts introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning. Author James Williamson shows how to combine these techniques to create fixed, fluid, and responsive layouts. Designers are also shown how to enhance their pages through the creative use of CSS techniques like multi-column text, opacity, and the background property. Exercise files are included with this course.

Topics include:
  • Reviewing the box model
  • Calculating em and percentage values
  • Controlling how elements display
  • Creating fixed, fluid, and responsive layouts
  • Structuring content with HTML5
  • Floating elements
  • Using relative, absolute, or fixed positioning
  • Defining column spacing
  • Creating grid-based assets and layouts
  • Considering mobile-design-specific issues
  • Working with multi-column text
  • Enhancing page design CSS Sprites


Hi! I am James Williamson, senior author here at lynda.com, and I want to welcome you to CSS: Page Layout. In this course we are going to explore the properties and techniques around controlling page layout through Cascading Style Sheets. We will start off with a quick overview of basic page-layout concepts and then talk about how to design your pages with CSS in mind, and properly structure the HTML. We will then discuss CSS-page-layout concepts like floats and positioning elements, and move on to exploring different types of page layouts, such as fixed, flexible, and responsive.

After that, we will focus on how to control the content itself by tackling navigation, images, and techniques that can enhance your overall page design. By now, I'm sure you're eager to get started, so crank up your favorite code editor and let's explore CSS: Page Layout.

There are currently no FAQs about CSS: Page Layouts.

please wait ...