Quick Course Search

Cascading Style Sheets (CSS) Introduction 2 Days - Glasgow

Cascading Style Sheets Introduction Glasgow CSS Icon
CSS image and introduction course participants

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.

After we guide you on what CSS is and how it is written, we will show you how to harness the power of the simple rules that define the appearance of every element that appears on a web page. You will learn how to control fonts, colours, widths, and much more in this fascinating insight into the control offered by CSS.

CSS Icon
Price: £495.00 ex VAT
Version: Cascading Style Sheets
Level: Introduction
Duration: 2 Days (10am-5pm)
Location: Central Glasgow
Computer: Windows & Mac
Next Dates: Enquire

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

CSS Introduction 2 Days Overview

CSS image and introduction course participants

This 2-day Essentials course will show you how Cascading Style Sheets (CSS) are used to control the appearance of web pages without interfering with the HTML of the pages. This separation of structure and style helps to give CSS such an important role in web design. Anyone with an interest in creating or managing web pages will find that being able to work with CSS is an essential skill for all web professionals.

With our help, you will learn how to use CSS to control every aspect of a site's visuals: its fonts, colours, leading, margins, and more.

Upon successful completion of this course, you will be able to:

  • Use correct styles instead of deprecated HTML tags
  • Design without relying on tables
  • Include padding, margins, borders, and backgrounds
  • Write selectors to target only specific parts of a page
  • Produce horizontal and vertical navigation bars
  • Position page elements
  • Style hyperlinks
  • Add background images
  • Differentiate between external, embedded, and inline styles

Our goal is for you to understand how to enhance the visual appearance of your web pages.


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 Introduction 3 Day course.

 

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

CSS Introduction 2 Days Course 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
      • nline 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 ExercisesMore 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
                  • Authorative Sources versus Web Myths and Gossip
                  • Free Lifetime Support

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

What's Included

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

  • All computers for your use with choice of Windows or Mac systems
  • Small class size (limited to a maximum of 4-6 attendees on all sessions)
  • 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 Greggs
  • Refreshments to keep you on top form are available for you throughout the course with a full range of teas, coffees and biscuits
  • Pads and pens

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.



Further details on benefits included with this Cascading Style Sheets course:

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.

Delegates attending scheduled or bespoke courses at our training centres will receive lunch and plentiful refreshments including tea, coffee and hot chocolate for each day of the course.

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

Training Location

This course is provided at our Scotland training centre located in central Glasgow at:

Centrum Business Centre
38 Queen Street
Glasgow
G1 3DX


Click to View Full details of our Glasgow Training Venue and Course options

The Glasgow training centre is located on Queen Street in the heart of Glasgow close to Central Station, Queen Street Station and Argyle Street Station.

Daily course times run between 10am and 5pm with an hour break for lunch and both mid morning and mid-afternoon refreshment breaks. We recommend arrival at 9.45am for registration on the first day of the course.

XChange Training Location Glasgow

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

Scheduled Course Enquiry

If you are considering this CSS Introduction 2 Days 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.

Scheduled Course Name: CSS Introduction 2 Days
Course Location: Scheduled - Central Glasgow, Scotland
Scheduled Course Dates:
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.

 

 

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

Bespoke Cascading Style Sheets Training

Man Giving CSS Training

Our bespoke course options for Cascading Style Sheets training are shown below:


Bespoke Cascading Style Sheets Training Courses

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

Testimonials

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

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

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

The tailored training idea is excellent and I had contact with my instructor beforehand who gave me advice. The facilities are very nice and convenient.

Calliste Lelliott, Friends of the Earth, FileMaker Pro - 2 Day Introduction

The trainer was very clear and concise and even managed to help us look at our own new site under construction and answer any related queries regarding Dreamweaver.

Mike Johns, 3663

Always very happy with the excellent training XChange provides and I'll certainly be coming back for more! Thanks

Polly Cummings, DC Quants, Dreamweaver HTML Emails - 2 Day Course

As an experienced Photoshop user it was really good to be shown that what I'm doing and the things I have taught myself are in fact right! It's also great to be shown new features. Overall a very good two days. Thanks!

Amy Smith, schuh, Photoshop - 2 Day Bespoke

Really useful training plus additional tips that we will find very useful to help make our workflow better. Thank you

Hayley Bradshaw, UCreative, Lightroom - 1 Day Introduction

Fantastic one to one tailored course that fitted perfectly with my needs and has allowed me to secure and expand my Photoshop knowledge.

Ramsey Matthews, Whitley Bay High School, Photoshop Introduction - 1 Day

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course

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

CSS Introduction 2 Days

Central Glasgow, Scotland

Next available Glasgow course dates

Send Course Details Book this training course