Cascading Style Sheets

Main Menu

2 Day Course

Performance-based objectives

Control color and typography.
Create style sheets that cascade according to established guidelines.
Design content sections using box properties.
Control your page layouts with CSS positioning.
Enhance an existing design.
Create alternate style sheets and link your pages to them to enhance the accessibility and functionality of your websites.

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

Prerequisites

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. To ensure your success, we recommend you first take the following Element K courses or have equivalent knowledge: HTML 4.01: Web Authoring, Level 1 & HTML 4.01: Web Authoring, Level 2

Course Content

Controlling Color and Typography

Create an Embedded Style Sheet
Apply Color
Comment Your Code
Modify Text Styles
Modify Font Styles
Create a Linked Style Sheet

Designing with the Cascade

Create Class Styles
Create ID Styles
Create Contextual Styles
Target Styles to Elements with Specific Attributes
Create Style Sheets that Cascade
Import Style Sheets
Create Inline Styles

Designing Content Sections

Control Margins and Padding
Create Borders
Control Element Dimensions
Create Floating Elements
Control Content Overflow

Controlling Layout with Positioning

Control Layout with Absolute Positioning
Create a Fixed Multi-Column Layout
Create a Fluid Multi-Column Layout
Control Layout with Relative Positioning
Control the Display of Layered Elements
Apply Fixed Positioning

Enhancing an Existing Design

Customize Cursors
Customize Link Styles
Customize Forms
Work with Background Images
Customize Lists
Create Generated Content

Creating Alternate Style Sheets

Create Accessible Style Sheets
Apply User-Defined System Fonts and Colors
Create a Print Style Sheet

For more information on Cascading Style Sheets
Please contact Rhuann Heimann at 618-523-4893 or This e-mail address is being protected from spambots. You need JavaScript enabled to view it

For a full listing of Acumen's courses please click here.

Saint Louis, Missouri