Speak to our team now  0118 324 3000

Cascading Style Sheets

  • Duration: 2 Days

Course Information

Overview

You are familiar with using HTML to design web pages. You have used HTML style-oriented tags and attributes to stylise 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 colours, typography, page layouts, customised cursors, links, and forms available in CSS to build an effective web page.

Benefits

You will use cascading style sheets to design and develop efficient and effective websites.

Target Student

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

Prerequisites

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.


Course Outline

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

Whats included in this course?

  • image
    Course Manual
  • image
    Experienced Trainers
  • image
    Certificate of Attendance
  • image
    Unlimited Post Course Support

If you need something more custom, please get in touch with our team.

Request a Quote

Testimonials

  • I thoroughly enjoyed this course but do feel that the duration should be extended in order to allow more time to cover all of the topics. Noel was a fantastic trainer, happy to answer any questions and very good at explaining how to do something, thank you.

    image
    Laura Chesters

    HSBC