Top 30 sites for freelancers
Every site you'll ever need! check it out →

Video: Getting started with CSS: Part one

Video: Getting started with CSS: Part one

Aimed at complete beginners, this introduction to CSS introduces you to the world of CSS. This video tutorial will guide you through the basic features of the language with practical examples that you can try for yourself on your own computer and illustrates the standard features of CSS that work in modern browsers.

To get the most from this tutorial, you need an editor for text files like Notepad (for Windows), TextEdit (for Mac). If you do not want to edit files, then you can just watch the tutorial and look at the examples, but that is a less effective way for you to learn. Also, it is helpful for you to know a bit about HTML.



What questions do you have for Part Two? What challenges have you faced with starting CSS?

Written by Steve

Steve is a freelance web designer, technologist, educator, Adobe Certified Expert and friend from the San Francisco bay area. He is a incessant seeker of knowledge and tirelessly thinks about how he can make things better. You can learn more about him on his website, or by following him on Twitter: @scribblesteve

  • Jake

    Hi, I would like to know how do you create those CSS dropdown menus?
    How do you make CSS buttons that change color when you hover over?

    • Steve

      Thanks for the suggestion! I’ll cover how to change hover properties in the next video.

  • Harvey

    Hi Steve, I would like to know how do you create a navbar with css?

    • Steve

      Thanks for the suggestion, Harvey. I’ll add menu’s to the list for the training.

  • Stephen

    Awesome, pro, educational video for YWB.
    Great Job Steve, I learnt a lot.
    Looking forward to more soon.
    All the best,

    • Steve

      Thanks, Stephen!

  • James

    Would you be able to teach how to create a FAQ page like this?

    • Steve

      Hi James, this example is what’s called an “accordion menu.” This can definitely be done using CSS, however it’s a bit more complicated for an introduction series. In the next video I will cover some steps for styling that will set you in the right direction on creating this effect. Thanks for the suggestion!