Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

CSS Positioning Best Practices

via LinkedIn Learning

Overview

Takes the student step-by-step through the process of using CSS positioning to create pages that have traditionally been laid out using HTML tables.

Syllabus

Introduction
  • Welcome
  • Using the exercise files
  • Choosing a text editor
1. CSS Overview
  • Reviewing CSS linking and setup
  • Understanding levels of inheritance
  • Understanding levels of style sheets
  • Apply styles with SPAN and DIV
  • Relating styles to the HTML document with selectors
  • Understanding units of measure in CSS
2. CSS Positioning Properties
  • Using absolute positioning
  • Using relative positioning
  • Using the float property for positioning
  • Using fixed positioning
3. Building a Web Site with CSS Positioning
  • Exploring the finished web site
  • Building a document header
  • Placing a contact button
  • Laying out a main menu
  • Creating a layout template pt. 1: Main body area
  • Creating a layout template pt. 2: Sidebar area
  • Creating a layout template pt. 3: Footer content
  • Building a main home page pt. 1: Main body content
  • Building a main home page pt. 2: Sidebar content
  • Creating a page with a menu, graphics, and formatted links
  • Creating a page containing an ordered list
  • Creating a page containing video
Conclusion
  • Goodbye

Taught by

Bill Weinman

Reviews

Start your review of CSS Positioning Best Practices

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.