0845 450 6120

Getting Started – Cascading Style Sheets

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.

We don't currently have any courses listed for Getting Started – Cascading Style Sheets, would you like to view all courses for Programming?

Learning Objectives

Delegates will learn how 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

Pre-Requisites

This course is designed for the student 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 student who isn't familiar with basic computer terminology, or who hasn't used the Internet or HTML should first take the Getting Started - Creating Web Pages course.

Course Content

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: Browser Issues

  • Basic CSS Browser-specific issues
  • Style errors
  • Standards and quirks mode
  • Collapsing margins
  • Positioning Hints and Tips

Module 5: Further CSS

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

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

Our Customers Include