Home > Web Design Courses

Introduction to Cascading Style Sheets (1 day)

Course Information

  • Price : £185 + VAT
  • Level : Introduction
  • Version : CSS3
  • Venue : Jubilee Campus, Nottingham
  • Duration : 1 days
  • Times : 9:30am - 4:30pm

Style existing web page content using CSS. This 1 day hands-on CSS course is for those who are responsible for managing web content and want to be able to understand how CSS is coded.

A 1 day, Introduction to CSS training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£185020th September 2019East Midlands, UKNottingham, East Midlands, UK10 leftfinished
A 1 day, Introduction to CSS training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£18563rd December 2019East Midlands, UKNottingham, East Midlands, UK10 leftfinished
A 1 day, Introduction to CSS training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£185025th February 2020East Midlands, UKNottingham, East Midlands, UK10 leftfull
A 1 day, Introduction to CSS training course hosted in Nottingham, East Midlands.EventScheduledWeb Studio Training£185624th April 2020East Midlands, UKNottingham, East Midlands, UK16 leftbook now

This course includes

  • 1 day trainer led in small groups (typical maximum 6)
  • Your own printed course manual
  • Course files & exercises to take away
  • Professional environment with high spec computers
  • Refreshments throughout the day
  • Lunch provided
  • Printed course certificate
  • Post course support via email
  • Access to our FREE workshop days

HTML Overview

CSS (Cascading Style Sheets) is a style language that is used to define how HTML content is displayed on screen or paper. CSS controls the layout of multiple web pages all using a single style sheet.

Many content management platforms allow the styling of content directly using CSS. Producing HTML emails and product landing pages can also require the knowledge of hand coding CSS. This is the industry standard way in which professional web designers and developers style web page content.

This one day CSS course is a hands-on session and focuses on the writing of CSS to be compliant with the W3C standards. The training course works to the CSS3 standard which also includes all previous versions of CSS to date.

Course Outcomes

By the end of this CSS course you will understand how to :

  • deploy CSS on a web page
  • structure CSS syntax
  • use type, class, id, pseudo & relational selectors
  • style text based content
  • use the CSS box model properties
  • work with the float property
  • apply background graphics to content
  • work with CSS3 properties

Course Requirements

This CSS course is an introduction level course that does not assume any knowledge of CSS, but does expect that you are already familiar with HTML. If you are not already comfortable with HTML, check out the Introduction to HTML course

Although aimed at an introduction level, some experienced content authors that have attended this course, have found it useful to consolidate the knowledge they already have - understanding "why", rather than just "how".

The course focuses on writing CSS and is very useful for those responsible for managing existing website content. If you intend to build websites from scratch with HTML and will also require knowledge of CSS, we recommend the Responsive HTML and CSS course for those looking to build professional websites for desktop and mobile devices.

Course Description

The CSS course starts with a short explanation of how CSS can be deployed on an HTML web page. Whether it be via inline, internal or external styles, we look at use case scenarios for each.

This is followed by a look at the CSS syntax and some of the common errors made when learning to write CSS. We then take an in-depth look at CSS selectors including type, class, id, pseudo and relational selectors. CSS selectors provide a powerful means for targeting page content.

The course provides students with an introduction to CSS typography and cover the most commonly used CSS properties used for styling text including changing spacing, fonts and character decoration. All excellent for creating stylised headings and message text.

We cover the CSS box model and talk about how this affects spacing and layout. The box model also provides the means to control content sizing and apply background images to containers and the page.

There is a look at some of the more useful CSS3 properties to create rounded edges, shadows and apply alpha transparency.

Finally there is a look at validating CSS to W3C standards and troubleshooting CSS issues that could arise using the browser's developer tools.

Course Highlights

The course covers the following areas :

  • CSS Introduction
    • Implementing inline, internal and external styling
    • CSS syntax
    • CSS selectors (type, class, id, pseudo and relational selectors)
    • CSS property values
  • Box Model & Typography
    • Understanding the CSS box model
    • Working with margin and padding
    • Text formatting (size, spacing, typeface, alignment)
    • Working with background images
    • Fixed attachment backgrounds
    • Using the float property
  • CSS3 & Validation
    • CSS3 border-radius
    • CSS3 text & box shadows
    • CSS3 opacity & alpha transparency
    • Cross compatibility testing
    • CSS validation
    • Debugging CSS issues

Course Feedback

"The trainer was very knowledgeable - he really knew is subject. There was a lot of content and information to deliver but the course managed to cover a wide range of aspects in a short time." - James @ NHS
"Very pleased with the accessibility tips too, very useful for us as we are a public sector organisation." - Keisha @ FuturesNN
"A very enjoyable, informative and well delivered course. One of the best I have been on. The information learned will be invaluable in my day to day work." - Jim @ Capita

More course feedback

Course Trainer

Bjorn has been involved in HTML & CSS based web design for over 15 years and has experience developing web applications in both small and large teams of developers. Having insights into both the design and development worlds, he is able to understand the capabilities of design packages such as Illustrator, Flash and Photoshop as well as develop with server side platforms such as PHP. Combing these two worlds through the use of hand written markup and CSS is something he excels in and has been teaching these skills to other developers for over 10 years.

Over the past few years he has closely followed the evolving standards for web development and has spent countless hours discussing appropriate markup with web designers in the industry. He has also run training courses on web standards and accessibility which stems from his vast experience with CSS web design.

Course Location

This CSS Introduction course is run from our rooms on Jubilee Campus in Nottingham, which is part of the University of Nottingham's Innovation Park. These are serviced by a state-of-the-art tram system allowing easy access to the city centre as well as direct hourly rail services from London, Liverpool, Manchester, Birmingham, Derby and Leicester.

Please note that all course prices exclude VAT.