HTML and CSS Adv Course
HTML and CSS Adv Course
Key Learning Points
Key Learning Points
- Apply advanced CSS including cascade and inheritance
- Build responsive layouts using fluid grids and media queries
- Implement mobile-first and desktop-first approaches
- Use CSS grid and flexbox for complex layouts
- Add transitions and animations with modern CSS
If attending an online course you must have a licensed copy of any software required and access to a suitable computer.
You'll need to have attended our HTML & CSS Intro course or have equivalent working knowledge before joining this class.
Who is this course for?
For web developers and designers who want to build sophisticated responsive layouts. Requires our HTML and CSS Introduction course or equivalent working knowledge.
Expert Trainers
Course leader is an experienced industry expert
Course Dates
| Course Dates | Days | Location | Places | RRP | Discount | You Pay | |
|---|---|---|---|---|---|---|---|
| 30th Sep - 1st Oct 26 | Wed-Thu | Online | Available | £549.00 | £50.00 | £499.00 + VAT | |
| 8-9th Dec 26 | Tue-Wed | Online | Available | £549.00 | £549.00 + VAT |
| Course Dates | Days | Location | Places | RRP | Discount | You Pay | |
|---|---|---|---|---|---|---|---|
| 30th Sep - 1st Oct 26 | Wed-Thu | Online | Available | £549.00 | £50.00 | £499.00 + VAT | |
| 8-9th Dec 26 | Tue-Wed | Online | Available | £549.00 | £549.00 + VAT |
Course Dates
30th Sep - 1st Oct 26 (Wed-Thu)
8-9th Dec 26 (Tue-Wed)
Course Outline
Introduction
Overview of the roles and responsibilities of:
HTML
CSS
Javascript
PHP/ASP
From Wireframe to code - review of HTML Structural Elements
To div or not to div
CSS Essentials
Cascade and Inheritance
Locations - where to hold the CSS and why:
External, Internal, Inline, Imported
CSS Syntax
Core Selectors Theory and Practice:
Tag (Type)
Class
ID
Groups and Descendants
Working with Text
Font size and family
System Fonts and Server Fonts
Text colour and background colour
Alignment, line spacing and letter spacing
Styling Links
Layout Fundamentals
CSS Box Model
Working with padding, margins and borders
Longhand and shorthand syntax
Changing the width of elements
Understanding the difference between Block and Inline Levels
Image Essentials
Understanding background images
Creating tiled backgrounds
Controlling background repeats
Controlling background positions
Using image headers
Using fixed backgrounds
Creating Custom Bullet Points
Controlling Icons
Working with Unicode
Responsive Design
Mobile first or Desktop first?
Fixed units versus percentage values
Applying responsive font size
Responsive image and video techniques
Using media queries to create breakpoints
Using the browser mobile emulator for testing
Practical Layout Techniques
Styling Data Tables and Forms
Using Image Floats
Creating columns with floats
Understanding box-sizing
Working with overflows
Inserting content with :before and :after
Fixing float issues with overflow hack
Fixing float issues with clearfix hack
Modern columns with Flexbox
Layering content with absolute Positioning
Pseudo Selectors
Hover effects
Styling the first letter and first line
Styling first, last, alternate and nth elements
Styling by Attribute
Styling direct descendants
Using : not to omit elements
Overview of various other pseudo elements
CSS Effects
Rounded corners, Box Shadow and Text Shadow
CSS Transitions
CSS Animation
Career paths
Roles this course supports
People training on HTML and CSS Adv often work in the careers below.
Who attends?
Career Progressives
Professionals who wish to develop skills for their current role and companies who believe in developing their talent.
Career Changers
People seeking opportunities which require new skills. Industry relevant training for those pursuing a new role.
Graduates
Certified courses for those who have earned their theoretical stripes, but need to prove capability to future employers.
Learn Your Way
Face To Face
Learn face-to-face with expert mentors in a dynamic setting that inspires growth and confidence.
Live Online
Join remotely with expert mentors in real time — flexible, interactive learning that fits your lifestyle.
Team Training
Upskill your team together. Build your team and develop consistency, and collective confidence.
Three Steps To Success
Identify Your Path
Define your direction with purpose, aligning your learning journey to personal and career goals.
Learn With Experts
Gain practical insight from real-world experts who bring clarity, confidence, and momentum to your growth.
Earn Certification
Your certificate of attendance is proof of progress — benchmarking your skills and commitment to growth.
Further Reading
5 Reasons Why You Should Learn How To Code
Coding skills are in high demand. Learn them now and become an attractive candidate for sought-after, lucrative roles…
What skills do you need to be a Web Developer?
Thinking about a career in web development? Our coding expert Dele breaks down the skills, tools and pathway you need…
How Coding Will Change the Job Market
The pandemic has catapulted certain technologies ahead and with it increased the demand for certain jobs. Read how…