About this course

Course type Performance Plus
Course code QACSSPRI
Duration 1 Day

Cascading Style Sheets (CSS) was the technology invented to specify the styles for web pages so that HTML could go back to specifying the content of the pages. CSS gives us separation of design from content and makes maintaining and updating web pages far easier. This course covers all of the essentials of CSS, where to use and store CSS styles, how to apply styles, what styles you can apply and highlights any browser differences along the way.

The course will also cover CSS positioning schemes in a straightforward and easy to understand manner.

Prerequisites

This course is designed for the delegate who is an experienced computer user, is familiar with the Internet, and is familiar with HTML. This course does not provide basic computer, Internet, or introductory HTML concepts. A delegate who isn't familiar with basic computer terminology, or who hasn't used the Internet or HTML should first take the Learn to Code - Creating Web Pages (www.qa.com/QAHTMLPRI) course.

Please Note: If attending this course via extended classroom, you will need to have a dual screen set up.

Delegates will learn how to

At the end of this course you will be able to:

  • Apply style sheets inline, embedded and linked
  • Comprehend the different types of CSS selectors and the different CSS style rules
  • Work with the CSS Box model
  • Use CSS positioning
  • Understand CSS browser issues
  • Look at advanced selectors and some CSS3 enhancements

Outline

Module 1: Introduction

  • Course Outline
  • Administration
  • Introductions
  • Virtual PC

Module 2: Basic CSS

  • CSS versions
  • Applying style sheets
  • The Cascade
  • Inheritance and Specificity
  • Basic selectors
  • Relationship selectors
  • Class and ID selectors
  • Attribute selectors
  • Selectors and specificity
  • Style declarations
  • Size measurements
  • Colours, fonts, backgrounds, text, lists and formatting
  • Style comments

Module 3: CSS and Positioning

  • The CSS box model
  • Margin, border and padding styles
  • Widths and heights
  • Overflow and clipping
  • CSS positioning schemes;
  • Display types
  • Floats and Clear
  • Relative and absolute positioning
  • Positioning examples
  • Z-Order

Module 4: Further CSS

  • (Dynamic) pseudo classes for actions
  • placement and language
  • CSS2.0 Cursor specification
  • @media types
  • CSS3 relationship selectors
  • CSS3 attribute selectors
Performance Plus

1 Day

Duration

This course is authored by QA

Delivery Method

Delivery method

Classroom / Attend from Anywhere

Receive classroom training at one of our nationwide training centres, or attend remotely via web access from anywhere.

Find dates and prices

Online booking is currently not available for this course, to find out more please call us on 0345 074 7998 or email us at info@qa.com to discuss how we can help.

Trusted, awarded and accredited

Fully accredited to ensure we provide the highest possible standards in learning

All third party trademark rights acknowledged.