15 CSS tutorials - learn the basics and a few new tricks
These 15 CSS tutorial videos cover everything from setting up your first site to adding overlay image effects.
Learning CSS can be a daunting task. Whether you're an absolute beginner or learning the ropes, it's always important to get the best advice and instruction that you can.
There's plenty of that in our huge list of CSS and JavaScript tutorials. However, sometimes it's easier to see what's happening with CSS markup than reading about it, so we've collected these 15 top CSS video tutorials to keep you going.
From quick introduction videos to tracking 3D text and CSS sprites, there's plenty to learn!
01. A CSS introduction
If you're new to CSS, don't fret. This tutorial here answers some common questions - "What is CSS?", "How do we start using it?" - and it also includes some basics to get you started.
02. Creating your first web page
Bucky of video tutorial site The New Boston is already hugely popular on YouTube with his extensive array of 'Learn CSS' videos. This one is perfect for beginners, and there are plenty more as you progress in your CSS training.
03. Centering: CSS for beginners
This video demonstrates how to use CSS to horizontally centre HTML elements. This tutorial is based on XHTML 1.0 and CSS 2.1, and is a great starting point for any CSS beginner.
04. Basic page design
Online learning company Lynda is a great resource for CSS training. This tutorial overview discusses different web site design workflow concepts including creating web site mockups and using type treatments.
Get top Black Friday deals sent straight to your inbox: Sign up now!
We curate the best offers on creative kit and give our expert recommendations to save you time this Black Friday. Upgrade your setup for less with Creative Bloq.
05. Create a simple navigation bar
It's important to get the basics of CSS down before you head off into the abyss. A navigation bar is just as important as the look and feel of your site, so make sure you pay attention to this video tutorial.
The next five are on page 2...
Thank you for reading 5 articles this month* Join now for unlimited access
Enjoy your first month for just £1 / $1 / €1
*Read 5 free articles per month without a subscription
Join now for unlimited access
Try first month for just £1 / $1 / €1
The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.
Related articles
- New York was recreated on a virtual set for the Dakota Johnson and Sean Penn movie Daddio, and nobody knew
- The 10 best Christmas animations everyone needs to watch: from Aardman, Netflix, Disney and more
- The stunning new WWF video used a really wild animation technique
- BAFTA Breakthrough 2024 cohort announced - designers, editors, artists and more honoured