Top navigation bar Bottom navigation bar

Leisure courses

Access courses

Designing Websites with CSS3 (Including Mobile Web Design)

Several years ago, cascading style sheets (CSS) revolutionized web design. CSS freed web designers from depending on woefully inadequate HTML tables to create highly stylized web page layouts. It provided us with the means to format and re-format multiple pages from one single set of styles, thereby liberating us from the tedious task of formatting one page at a time. Enter CSS3, the next generation of web design. Special effects, animations, transitions, gradients - all the content we've traditionally fallen back on graphics and animation software to achieve are now at our fingertips through CSS code. CSS3, the first revision to cascading style sheets since the advent of handheld smartphones and tablets, is here, now and ready to integrate into your websites.

Entry requirements

This short course is for both the complete beginner as well as for those with some familiarity with building websites who wish to enhance their knowledge of the new styles and functionality offered by CSS3 – the latest version of CSS. Experience of web development with HTML and CSS is useful (but not essential) to get the most out of this course.

Course content

A comprehensive walk through all aspects off CSS3 presentational commands, selection processes, animation, transitions and other special effects.

The CSS3 course topics are:

  • What are Styles?
  • What are Style Sheets?
  • How do Style Sheets Cascade?
  • CSS and HTML
  • CCS - A Bunch of Rules
  • The Anatomy of a CSS Rule
  • Why CSS3?
  • What is HTML5?
  • HTML5 Page Structure
  • CSS3 and HTML5 Working Together
  • CCS3 and HTML5's Built-In Containers
  • CSS3 and other HTML5 Features
  • CSS3 and Earlier Versions of HTML
  • Class, Type, ID and Compound Selectors
  • Inline, Internal and External Styles
  • CSS Containers
  • CSS Rules for Adapting to Display Size and Device Type
  • CSS Print Media Formatting
  • CSS3 Page Sections and Includes
  • Format Boxes with CSS3
  • Format Text with CSS3
  • Format Images and other Media with CSS3
  • CSS3 Shadow and other Text Effects
  • CSS3 Box Shadow and other Box Effects
  • CSS3 Colour Gradients and Fills
  • CSS3 Menu and Navigation Formatting Effects
  • CSS3 Background Effects
  • Use WebKit, Mozilla and other Browser Extensions with CSS3
  • Create and Animate Simple 2D Shapes
  • Create Page and Object Transitions
  • Create Object 2D and 3D Transformations
  • WebKit and other Browser Extension Transformations
  • CSS3 Formatting Based on Screen Size and Device Type
  • Integrate CSS3 and JavaScript
  • Integrate CSS3 and jQuery
  • Media Queries
  • Viewport
  • Device Orientation
  • Fluid, Multicolumn Pages
  • Stylized Links
  • Format Form Fields with CSS3
  • CSS3 Sprites
  • CSS3 Drop-Down Menus


Further study and career options

Applicable job roles include web designer, UI web developer, webmaster, web developer, web application developers.

Bedford College offers a wide range of short or medium length web design, web programming and web development courses generally taught as evening classes.  These courses include the Certified Internet Web Professional (CIW) Web Foundations Associate Certification program which can also be studied as flexible and supported, distance learning,, and Microsoft Technology Associate (MTA) course in Web Development Fundamentals and HTML5 Application Development.

Additional information

This comprehensive, 5-week course is hands-on, instructor-led and classroom based. You’ll master CSS3 in a few hours – not days and discover what CSS3 properties can be used on your site now and what techniques you can use to maintain browser compatibility.

Course information & how to book

Select the 'Enrol' button to book on to this course online. Please note: after registering you will be taken to the payment page where you will need to pay for your course.

LengthStart DateDay(s)Time(s)FeesLocationCourse Code
5 weeks 13/05/2015 Wed 6.00 pm - 9.00 pm £100 Cauldwell Street F2135 Course in progress

Additional Learning Support
If you have a specific learning difficulty or disability, are deaf or hearing impaired, our Additional Learning Support team are on hand to give you assistance whenever you need it.  Find out more.

Autism & Asperger’s Syndrome Support
At Bedford College, we are committed to developing the provision for students on the autistic spectrum, including Asperger’s Syndrome.  Find out more.

Accessibility
We have access arrangements in place to help students with disabilities or any other particular needs. Call us on 01234 291000 for more information.

Additional formats
Course information sheets are also available in large print and audio formats. Call us on
01234 291000 to order your copy.
YouTube Instagram LinkedIn Moodle Higher Education Moodle Have Your Say