Cascading Style Sheets (Third Edition)

Course Specifications

Course number: 085568
Software: Internet Explorer
Course length: 2.0 day(s)

Course Description

You are familiar with using HTML to design web pages. You have used HTML style-oriented tags and attributes to stylize and design your pages. Cascading Style Sheets, or CSS, is integrated into HTML 4.01 and forms an important component of successful web design. CSS offers great flexibility and ease in designing web pages without code heavy HTML documents. In this course, you will work with properties and styles related to colors, typography, page layouts, customized cursors, links, and forms available in CSS to build an effective web page.

Course Objective: You will use cascading style sheets to design and develop efficient and effective websites.

Target Student: Cascading Style Sheets (Third Edition) is intended for the student who is an experienced developer of web pages and has some experience with HTML. Students should be comfortable creating web pages, writing HTML code, and in using Internet Explorer or Netscape Navigator.

Prerequisites: To ensure your success, we recommend you first take the following Element K courses or have equivalent knowledge:

Delivery Method: Instructor-led, group-paced, classroom-delivery learning model with structured hands-on activities.

Hardware Requirements



Software Requirements



Performance-Based Objectives

Upon successful completion of this course, students will be able to:

Course Content

Lesson 1: Controlling Color and Typography

Topic 1A: Create an Embedded Style Sheet

Topic 1B: Apply Color

Topic 1C: Comment Your Code

Topic 1D: Modify Text Styles

Topic 1E: Modify Font Styles

Topic 1F: Create a Linked Style Sheet


Lesson 2: Designing with the Cascade

Topic 2A: Create Class Styles

Topic 2B: Create ID Styles

Topic 2C: Create Contextual Styles

Topic 2D: Target Styles to Elements with Specific Attributes

Topic 2E: Create Style Sheets that Cascade

Topic 2F: Import Style Sheets

Topic 2G: Create Inline Styles


Lesson 3: Designing Content Sections

Topic 3A: Control Margins and Padding

Topic 3B: Create Borders

Topic 3C: Control Element Dimensions

Topic 3D: Create Floating Elements

Topic 3E: Control Content Overflow


Lesson 4: Controlling Layout with Positioning

Topic 4A: Control Layout with Absolute Positioning

Topic 4B: Create a Fixed Multi-Column Layout

Topic 4C: Create a Fluid Multi-Column Layout

Topic 4D: Control Layout with Relative Positioning

Topic 4E: Control the Display of Layered Elements

Topic 4F: Apply Fixed Positioning


Lesson 5: Enhancing an Existing Design

Topic 5A: Customize Cursors

Topic 5B: Customize Link Styles

Topic 5C: Customize Forms

Topic 5D: Work with Background Images

Topic 5E: Customize Lists

Topic 5F: Create Generated Content


Lesson 6: Creating Alternate Style Sheets

Topic 6A: Create Accessible Style Sheets

Topic 6B: Apply User-Defined System Fonts and Colors

Topic 6C: Create a Print Style Sheet


Appendix A: The :first-line and :first-letter Pseudo-Classes


Appendix B: The DOCTYPE Switch


Appendix C: Fixing Element Width in IE 5.x


Appendix D: Scroll Bar Colors


Appendix E: Proprietary Cursor Styles