Cascading Style Sheets
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 courses or have equivalent knowledge:
- HTML 4.01: Web Authoring, Level 1 (Second Edition)
- HTML 4.01: Web Authoring, Level 2 (Second Edition)
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 or newer
Appendix D: Scroll Bar Colors
Appendix E: Proprietary Cursor Styles
