Cascading Style Sheets

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.

In this course you will use cascading style sheets to design and develop efficient and effective websites.

You will:

• control color and typography.
• create style sheets that cascadee 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.

Unit 1: 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

Unit 2: 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

Unit 3: Designing Content Sections

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

Unit 4: 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

Unit 5: Enhancing an Existing Design

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

Unit 6: Creating Alternate Style Sheets

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