Cascading Style Sheets (CSS)

Course:  CSS
Duration:  2 Days
Level:  II
Course Summary

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.

« Hide The Details
Topics Covered In This Course

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
  • Appendix A: The :first-line and :first-letter Pseudo-Classes
  • Appendix B: The DOCTYPE Switch
  • Appendix C: Scroll Bar Colors
  • Appendix D: Proprietary Cursor Styles
What You Can Expect

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

  • 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.
Who Should Take This Course

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 other browsers.

Recommended Prerequisites

To ensure your success, we recommend you understand how to create web pages in HTML.

Training Style

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

« Hide The Details
Related Courses
Code Course Title Duration Level
Introduction To Responsive Web Design
4 Days
Hypertext Markup Language (HTML) - 2 days
2 Days
Web Application Development Using HTML5
4 Days

Every student attending a Verhoef Training class will receive a certificate good for $100 toward their next public class taken within a year.

You can also buy "Verhoef Vouchers" to get a discounted rate for a single student in any of our public or web-based classes. Contact your account manager or our sales office for details.

Schedule For This Course
There are currently no public sessions scheduled for this course. We can schedule a private class for your organization just a couple of weeks from now. Or we can let you know the next time we do schedule a public session.
Notify me the next time this course is confirmed!
Can't find the course you want?
Call us at 800.533.3893, or
email us at [email protected]