Introduction to CSS

Expand all

Course Description

This Introduction to CSS training course teaches students to use Cascading Style Sheets to format HTML pages.

This 2-day training course has been updated to use the latest CSS3 methods.

 

Objectives:

•     Learn the benefits of CSS
•     Learn to avoid using deprecated tags and attributes
•     Learn CSS syntax
•     Learn to use <div> and <span> tags appropriately
•     Learn most of the common properties and their values
•     Learn to create custom CSS cursors
•     Learn to style links with CSS to create “CSS Buttons”
•     Learn to work with borders, margin, and padding (the box model)
•     Learn to style tables with CSS

Course Outline

        1. Crash Course in CSS
            A. Benefits of Cascading Style Sheets
            B. CSS Rules
            C. Selectors
            D. Precedence of Selectors
            E. The Cascade
            F. Creating an Embedded Style Sheet
            G. Creating an External Style Sheet
            H. Adding Inline Styles
            I. Media Types
            J. <div> and <span>
            K. Divs and Spans
            L. Units of Measurement
            M. The Inherit Value
            N. @import

        2. CSS Fonts
            A. Font - the old way
            B. Font-family
            C. Font-size
            D. Font Family and Font Size
            E. Font-style
            F. Font-variant
            G. Font-weight
            H. Font Style, Font Variant and Font Weight

        3. CSS Text
            A. Letter-spacing
            B. Word-spacing
            C. Line-height
            D. Text-align
            E. Text-decoration
            F. Text-indent
            G. Text-transform
            H. Vertical-align
            I. White-space
            J. Text Properties

        4. Backgrounds and Colors
            A. About Color Values
            B. Color
            C. Background-color
            D. Background-image
            E. Colors and Backgrounds

        5. CSS and Links
            A. Pseudo-classes
            B. CSS Button Links
            C. Modifying Links

        6. Borders, Margins and Padding
            A. Getting Started
            B. Borders
            C. Margin
            D. Padding
            E. Borders, Margin and Padding

        7. Styling Tables with CSS
            A. A Review of HTML Table Syntax
            B. Styling a Table

        8. Transforms and Transitions
            A. Transitions
            B. Two-dimensional Transforms
            C. Transitions and Transforms

Learning Path

• Introduction to JavaScript

• Advanced JavaScript

Ways to Attend

• Attend a public course, if there is one available. Please check our schedule, or register your interest in joining a course in your area.
• Private onsite Team training also available, please contact us to discuss. We can customise this course to suit your business requirements.