Cascading Style Sheets Intro

Get up and running fast with

Cascading Style Sheets Introduction

This online course covers the basics of working with CSS, how to write it, where to write it, and how to apply it to your web pages.

Throughout this course you will go through various practical examples that show you how to make pure CSS buttons, format images, add animations, style your links, and so forth. By the end of this course you will have gained a good basic understanding of CSS and you will be able to see how powerful it can be. You will be able to apply these techniques to your own pages and you will be able to build upon these techniques to create your own styles.

The course is run through our learning management system and contains over 4 hours of video tutorials produced by our instructors, as well as extensive tutorials, sample files and instructor support. The course is designed for those who are completely new to CSS.

Secure Online Booking

£60.00

For exact price select delivery method

Clear
Cascading Style Sheets Intro

Prices ex VAT. Highlander standard terms and conditions apply to all bookings.

General Introduction

  • Overview of the course
  • What applications you can use
  • Setting up your test server

Basic CSS

  • Loading order
  • Background colour
  • Formatting text
  • Margins and padding
  • CSS resets
  • Borders
  • Width and height
  • Lists

Using CSS

  • How to format a web page
  • How are conflicts resolved
  • How cascading works
  • Looking at Dreamweaver

Where to put your CSS

  • Inline CSS
  • Document CSS
  • CSS files

Styling Links

  • Setting up your links
  • Formatting your tags
  • Block display
  • Link pseudo-classes (hover, active, visited, link)

Laying out your page with CSS

  • Creating boxes
  • Positioning boxes
  • The position attribute
  • Laying out a simple page

Media types and media queries

  • What are Media types
  • What are Media queries
  • How to use media types and queries

Wireframing - converting your ideas to practical web pages

  • What is wireframing
  • How to wireframe
  • Converting your wireframes to web pages
  • Polishing the result

Practical examples

  • Formatting a poem
  • Effects
  • Creating a pure CSS button
  • Rotating
  • Fonts and masks
  • Transitions

What you will learn

The CSS Introduction course will get you up and running in no time at all. During the course you will learn:
  • What CSS is
  • When and where to use it
  • How the cascade works
  • What Media queries are
  • How to format content with CSS
  • How conflicts work in CSS
  • Examples of CSS at work

Who should attend this course

If you want to learn to use CSS content but have no past experience, then this course is for you. If you are taking this course you should have a basic understanding of HTML, and be already computer literate.

General Introduction

  • Overview of the course
  • What applications you can use
  • Setting up your test server

Basic CSS

  • Loading order
  • Background colour
  • Formatting text
  • Margins and padding
  • CSS resets
  • Borders
  • Width and height
  • Lists

Using CSS

  • How to format a web page
  • How are conflicts resolved
  • How cascading works
  • Looking at Dreamweaver

Where to put your CSS

  • Inline CSS
  • Document CSS
  • CSS files

Styling Links

  • Setting up your links
  • Formatting your tags
  • Block display
  • Link pseudo-classes (hover, active, visited, link)

Laying out your page with CSS

  • Creating boxes
  • Positioning boxes
  • The position attribute
  • Laying out a simple page

Media types and media queries

  • What are Media types
  • What are Media queries
  • How to use media types and queries

Wireframing - converting your ideas to practical web pages

  • What is wireframing
  • How to wireframe
  • Converting your wireframes to web pages
  • Polishing the result

Practical examples

  • Formatting a poem
  • Effects
  • Creating a pure CSS button
  • Rotating
  • Fonts and masks
  • Transitions

What you will learn

The CSS Introduction course will get you up and running in no time at all. During the course you will learn:
  • What CSS is
  • When and where to use it
  • How the cascade works
  • What Media queries are
  • How to format content with CSS
  • How conflicts work in CSS
  • Examples of CSS at work

Who should attend this course

If you want to learn to use CSS content but have no past experience, then this course is for you. If you are taking this course you should have a basic understanding of HTML, and be already computer literate.

We use cookies to improve your browsing experience on our website and to understand where our visitors are coming from. By clicking ‘Accept cookies’, you consent to our use of cookies.