Covid-19 UPDATE - Following UK Government directives, we have postponed all classroom training until at least the 26th April 2020.

If you have an existing booking, we will be in contact regarding alternative dates as soon as the situation permits. Please stay safe. If you need to contact us regarding online training, please use the contact us page.

Check out our virtual training options

Home > Web Design Courses

Introduction to Cascading Style Sheets (1 day)

Cascading Styles Sheets make up the presentation part of most web page content. This one day hands-on CSS course is ideal for designers and marketers who are looking to apply styling to web content and want to be able to understand how CSS is coded.

Course Information

  • Price : £185 + VAT
  • Level : Introduction Level 1
  • 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.

DatesVenueDaysPlaces 
East Midlands, UK10 left finished
East Midlands, UK16 left book now
East Midlands, UK16 left book now

This CSS course includes

CSS Course
  • 1 day trainer led in small groups
  • Your own printed course manual
  • Course files & exercises to take away
  • Choice of PC or Mac for training
  • 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 styling course

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.

CSS coding course

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.

CSS 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

CSS Course Feedback - 4.8 out of 5.0 stars

"Demystifying CSS, selling CSS3 as a viable option - Bjorn was fantastic - patient, knowledgeable and a good laugh too. I learned a lot and can't wait to put it into practice. I feel much more confident writing code that I know will be standards-compliant and progressive." - Dan @ The Media Group
"Bjorn is an excellent trainer, he adapted to my speed of learning and highlighted points that were specific to my experience to strengthen my overall knowledge. - I thought the course was excellent and well worth the time I spent in Nottingham. I can now go on to create web pages in confidence and hopefully join the commercial industry soon." - Leonie @ Cbj Consultants
"The trainer's extensive knowledge and history working in this field really helped as he was able to answer a huge range of related questions. The trainer's training style was also brilliant in that he made the content relevant and incredibly practical. Working through the building of a website using HTML and CSS in a step by step way for yourself whilst being led by the trainer was invaluable and the size of the group being only six meant that I was able to get one to one support whenever I needed it. Being able to take the files and code created on the course home with me has been fantastic as a reference point to look back over. - I would highly recommend this course to anyone who wants to learn HTML and CSS from a programming point of view or a design one. This course has far, far exceeded my expectation and I am still amazed that I now have the skills, knowledge and resources to build a fully functional and attractively designed website. I am also so pleased that I know how to create a responsive website to accommodate tablet and mobile users. Thank you Web Studio Training." - Mark
"Very easy to follow for people - Very good course am looking forward to the PHP one I am attending" - Douglas @ Dhl

Course Trainer

Bjorn

Bjorn has been involved in HTML & CSS based web design for over 20 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, Animate CC (was 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 15 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.

Training Rooms