Quick Course Search

Bespoke Cascading Style Sheets - 2 Day Introduction Training Course

CSS Bespoke Introduction CSS Icon
CSS Logo and Introduction Course Delegates

Learn the basics of styling web pages as we show you how to get started with the power of CSS. Join us to see how applying simple CSS 'rules' can have dramatic effects on the look and feel of your website. Pick up the tips you need to add some polish to your web content.

CSS Icon
  • Private Training
  • Bespoke Course Content
  • Date(s) arranged to suit
  • Onsite courses available

This course can be based around our base outline or part/fully customised according to your level & requirements. Our bespoke Cascading Style Sheets training is offered at the London, Manchester and Glasgow centres or onsite at your offices.

Bespoke CSS Training Banner
Version: Cascading Style Sheets
Level: Introduction to Intermediate
Duration: 2 Days (10am-5pm)
Computer: Windows & Mac

Bespoke CSS - 2 Day Introduction Overview

CSS Logo and Introduction Course Delegates

CSS (Cascading Style Sheets) arrived in 1996. CSS is a significant breakthrough in web design allowing designers more control over the style and layout of their web pages than can be achieved using basic HTML. You can define a style for each HTML tag and apply it to individual web pages (embedded styles), localised parts of your page (inline style) or for the entire site itself (external style sheets). With the latter, simple modifications to your style result in those changes globally updating all pages linked to your style sheet. CSS was updated in 1998 and continues to be ‘a work in progress’.

Who is this course for?

This hands-on course is designed for users who currently use HTML or have attended an HTML introduction course. The course will take users to the next level of web design allowing them to create professional looking web sites for their corporate intranet or Internet site. New users should be familiar HTML, the operating system they use and have good solid understanding of the world wide web.


Course Target Audience and delegate prerequisites

This course is intended for web professionals interested in learning about the visual improvements that can be made through the effective use of CSS.

You will need basic PC or Mac skills, including a solid understanding of a computer's operating system (Windows or Mac OS). You will also need to know how to launch a program, create and save files, and copy files from CDs and other media. Ideally, you will have taken our HTML Essentials Introduction 1 Day course.

 

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions

Bespoke CSS - 2 Day Introduction Outline

The following is a general outline. The range of topics covered during your training is dependent upon student level, time available and preferences of your course booking.

CSS Introduction
  • HTML Structure and Content, CSS Presentation
  • Advantages of CSS
  • Creating and Using Style-Sheets
  • CSS Rules: The Basic Syntax
  • Case, Whitespace and Comments in CSS
  • The CSS Standards
  • The Scope Of CSS
  • Browser Support for CSS
  • Hands-on Exercises
CSS Boxes and CSS Selectors
  • The CSS Box Model
  • CSS and Logical HTML Structure
  • Styling Boxes: Borders, Margins and Padding
  • The IE Box Model and Quirks Mode
  • IE Box Model Workarounds
  • Using IE6 Standards Mode
  • Specifying CSS Distances
  • Problems with Absolute Units: pixels and point sizes
  • Using Proportional Units: em, ex and percentages
  • Formatting Box Edges Differently
  • Shorthand Syntax for Sets of Edges
  • Using Margins and Padding Effectively
  • Collapsing Vertical Margins on Paragraphs
  • Using Negative Margins on Boxes
  • Background Images on CSS Boxes
  • Grouping Elements with HTML Classes
  • Styling Multiple Elements Similarly (Selector Grouping)
  • Block Boxes and Inline Boxes
  • Block Box Behaviour
  • Online Box Behaviour
  • Hands-on Exercises
Text Formatting in CSS
  • Text Formatting
  • Typefaces, Alternatives and Defaults
  • Text Size — a Serious Usability Issue
  • Font Characteristics
  • Setting and Using Space Within Text
  • Formatting Blocks of Text
  • Using Arbitrary Inline Tags
  • Hands-on Exercises
More CSS Selectors and Selection
  • Using HTML Element IDs in CSS
  • Using CSS Descendant Selectors
  • Descendant Selector Examples
  • Child, Sibling and Pseudo-Class Selectors
  • Why You Need To Know Them
  • Browser Support and CSS Hacks
  • Distinguishing and Setting Link States
  • Link, Visited, Hover, Active, Focus
  • Modularising CSS Style-Sheets
  • Simpler Management, Less Effort, More Control
  • Embedded CSS Styles in HTML Documents
  • How and When to Use Them (Rarely)
  • Distinguishing Print, Screen and other Output Formats
  • Special Issues in CSS for Print
  • Hands-on Exercises
CSS Positioning
  • Choosing the Right CSS
  • Technique for Positioning Blocks
  • The Position Property, Floats, Margins (inc. Negative and Auto), etc
  • Static Positioning and Normal Flow
  • Absolute Positioning Outside Normal Flow
  • Relative Positioning
  • Fixed Positioning Outside Normal Flow
  • Relative Absolute Positioning
  • Absolutely Positioned Blocks in Relatively Positioned Containers
  • Floating Boxes with the CSS float property
  • Page Layout Using Absolutely Positioned Blocks
  • Hands-on Exercises
More on CSS Page Layout
  • Alternative Methods of CSS Positioning
  • Centring Blocks
  • Styling Lists
  • Redefining the Behaviour of Inline and Block Elements
  • Hiding and Revealing Blocks
  • Table Formatting in CSS
  • Styling Table Cell Borders
  • Page Layout with Table Display Properties
  • Hands-on Exercises
Cascade, Precedence, Specificity and Inheritance in CSS
  • Taking Control: Ensuring that CSS Rules Interact in the Way You Want
  • Combining Styles: Different Types, Origins, Importance, Specificity and Order
  • Examples: Combining Rules
  • Cascading and Cascade Order
  • Resolving Style Conflicts By Origin
  • Resolving Style Conflicts By Importance
  • Resolving Conflict By Selector Specificity
  • Resolving Conflict By Order
  • Non-CSS Presentational Hints
  • Property Inheritance
  • Hands-on Exercises
CSS Layers and Translucency
  • Different Forms of Layered Presentation in CSS
  • Layering with the z-index Property
  • Different Methods for Creating Translucency Effects
  • The CSS3 opacity Property
  • Opacity Example
  • Fixed Attachment Backgrounds in Layers
  • Background-attachment Example
  • Transparency and Semi-transpaency with Alpha-Blended PNG
  • PNG Translucency Example and Sample Code
  • Pseudo-Transparency with JPG Positioned Backgrounds
  • JPG Pseudo Transparency Example
  • Hands-on Exercises
Using CSS in the Real World
  • Deploying CSS
  • CSS Formatting Versus HTML Formatting
  • Achieving a Balance
  • Standard Tags and Semantic Markup
  • Usability
  • Readable Pages
  • Screen Size and Fluid Design
  • Text Size, Including Internet Explorer Quirks
  • Table Layout and CSS Positioning
  • Table Layout and CSS Positioning as Alternatives
  • Combining Table Layout with CSS Positioning
  • CSS Browser Support
  • Testing Websites
  • Using Test Suites and Multiple Browsers
  • Cross-platform Testing in Single-platform Environments
  • CSS Help and Advice
  • Authoritative Sources versus Web Myths and Gossip
  • Free Lifetime Support

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions

What's Included

The following are provided for your best experience on this bespoke course:

  • Tailored course content arranged around your requirements
  • Flexible dates to suit your desired timeframe
  • Course location either at our training centres or onsite at your premises.
  • All computers for your use with choice of Windows or Mac systems (not onsite)
  • Quality reference manual for post course reference to take away with you
  • 6 months post course support to assist you where needed
  • Official Authorised Certificate for your successful completion of the course
  • Lunch To give you the most flexible options for lunch we provide lunch vouchers which can be redeemed locally at a number of popular eateries including Pret A Manger, EAT, Starbucks, Tesco, Sainsburys, Boots and Gregs (not onsite)
  • Refreshments to keep you on top form are available for you throughout the course with a full range of teas, coffees and biscuits (not onsite)
Normal daily course times run between 10am and 5pm however we can offer flexibility for this bespoke course should your time requirements vary.

Our trainers are CSS Specialists with years of experience teaching Cascading Style Sheets. Get the web skills you need with our CSS professionals.

Included with our CSS courses is the HTML & CSS Visual Quickstart Guide provided for free to use as a post course reference resource. This is a full 300+ page manual to supplement the content covered during the course.

Included with your course booking for all delegates on this course is 6 months free support so if you run into problems or need assistance relating to anything covered during your course we would be happy to assist you during this time.

After your class with XChange Training you will receive our official Certificate as a record of your successful completion of the course.

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions

Training Location Options

This course is offered for your convenience either at one of our bespoke training centres in London, Manchester and Glasgow or onsite at your offices anywhere in the UK. Just let us know what would work best for you or your team.

The location details of our bespoke training centres are shown below:

LONDON
5 St John’s Lane
Clerkenwell
London
EC1M 4BH

St John’s Lane is located in the heart of Clerkenwell close to the junction of Farringdon and Clerkenwell Road. Farringdon tube & train station is just a few minutes away and the training centre can also be accessed from Chancery Lane and Barbican tubes in about 10 minutes. There is also easy direct access by bus from Waterloo (243) and West End (55) with nearby stops.

MANCHESTER
Piccadilly House
49 Piccadilly
Manchester
M1 2AP

Piccadilly House is located in central Manchester directly next to the Piccadilly Gardens transport interchange with excellent bus and tram connections and is easily accessed from Piccadilly train Station (5 mins). Victoria station is also close by (around 10 mins).

GLASGOW
Centrum Business Centre
38 Queen Street
Glasgow
G1 3DX

The Queen Street training centre is located in central Glasgow within easy walking distance of the 3 local train options of Central Station, Queen Street and Argyle Street offering excellent transport connections.


Courses are run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks.

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions

Bespoke Course Enquiry

If you are considering this Cascading Style Sheets Course but would like further information simply send us your query quickly & easily with the form below. Whether you would like to check date availability, pricing, course suitability or just need further information about a course send us your query and we will get you a swift reply, usually within 2 business hours!

If you would prefer to check course details by phone please call us on 0345 363 1130.

Course Name: Bespoke CSS - 2 Day Introduction
Location Preference:
Knowledge level of delegate(s):
Number of delegates:
Nature of enquiry:
Lead contact name:
Email address:
Telephone number:
Company (if applicable):
Specific query details:

XChange Training respects your privacy. By entering your information, you agree to the terms of our company Privacy Policy.

 

 

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions

Testimonials

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

Excellent content and overall experience, very useful. Exactly what I expected and more. Cheers!

Adam Hypki, Trinity Laban, HTML & CSS - 2 Day Introduction

The content of the course was taught and explained in a way that was easy to follow and always explained until all understood.

Scott McCirie-Hallman, Westminster Uni, HTML5 & CSS3 - 2 Day Introduction

The training was very well structured and the trainer out did himself. Very impressed with the detail the course went into and I am confident that I have learnt all that I needed to. I will most certainly be back.

Garritt Glasby, Australian high Commission, HTML5 & CSS3 - 3 Day Introduction

Brilliant two days of training which allowed me to be confident in my own self taught/on the job knowledge, efficient working methods and hints and tips. Thank you.

Jackie Williams, British Council, Adobe InDesign - Two Day Advanced

Clear, easy to follow training, well paced and interactive with positive tutition. Interesting and enjoyable, would recommend.

Emma Fullalove, Tom Parker Ltd, InDesign - 2 Day Introduction

Very impressed with the training. Very informative and feel confident in going away with the knowledge of being able to complete the tasks that I have to do.

Niki Taylor, Floramedia, PitStop Pro - 1 Day Introduction

I can’t thank you enough. The benefit from the training was phenomenal. The textbook handout is something I will be referring back to I'm sure.

Dawn Newman, Olympic Delivery Authority, Illustrator - 2 Day Introduction

Absolutely loved the third day, and the very hands on practical examples that we worked through. Will really help aid my retention of this useful new skillset.

Louisa Pavis, HSBC Global Services, Storyline - 3 Day Introduction Masterclass

An amazing course! I feel I have learned so much and cant wait to put it in practice.. and I love the 6 months after care.

Rizwana Matadar, Illustrator - 2 Day Advanced

Bespoke Training Prices

The regular course pricing is indicated below for a range of delegate numbers. Additional costs may apply for onsite training and specialist requirements. Prices exclude vat.

  • 1 delegate: £949
  • 2 delegates: £1049
  • 3 delegates: £1149
  • 4 delegates: £1249
  • 5 delegates: £1299
  • 6 delegates: £1349
  • 7 delegates: £1399
  • 8 delegates: £1449
Book this training course

Course went at a good pace. The trainer was very enthusiastic about the content and able to explain the concepts well and at the right pace.

Peter Leatherland, NGI, HTML & CSS - 2 Day Introduction

View training offers and promotions