Back to Search Results

Training Course Summary:

Cascading Style Sheets (CSS) is an important component of successful Web design. It is integrated into HTML 4.0, so to create valid HTML 4.0 pages you should use CSS to control your colors, typography, and layout schemes, rather than the HTML style-oriented tags and attributes of previous versions of HTML.

In this course, you will be introduced to the concepts, techniques, properties, and values of CSS in a sequence that reflects a typical “building up” of design rules. You will first start with colors, since in many cases the colors you use for a site project will be dictated to you by the organization's existing color scheme. Color is also the simplest part of CSS, so it's a great place to get started. You will then learn how to control typography using text and font properties. Typographical styles are important to establish before you get into the layout of content areas because the size and spacing of your text will help define the size of your content sections. You will then explore the layout-oriented styles of CSS, including margins, padding, and absolute and relative positioning. Once you have established your layout, you can apply the finishing touches on your design, which might include customizing cursors, links, and forms, creating alternate style sheets, and many other techniques.

Pre-Requisites:

To ensure your success, we recommend you first take the following Systematix courses: HTML 4 Web Authoring Level 1 and HTML 4 Web Authoring Level 2 or have equivalent knowledge.

Who Should Attend:

Experienced HTML authors or Web designers/developers who want to use CSS to create more powerful, efficient, and standards-compliant Web sites.

Training Course Overview/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
Controlling 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
Display and Manipulate 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