Hey ninjas, it’s time to learn about basic CSS syntax! In this CSS tutorial for beginners we’ll cover how to construct some basic CSS rules, learning about about CSS selectors and CSS declarations along the way. CSS is simple just a collection of these rules and when you’ve mastered the basics, you’ll be a ninja in no time!

For the whole CSS tutorial playlist visit –

For the HTML Basics Course –

For more front-end development tutorials & to black-belt your coding skills, head over to – or

Twitter – @TheNetNinja –


  1. to those who don't know how to link .css file type this into your

    <link href="css/syntax.css" rel="stylesheet" type="text/css">

  2. You left out that you need to link the CSS to the HTML doc.. it took me forever to figure out how to do this but otherwise 10/10 tutorials so far.

  3. i think the Google CSS style guide recommends the second style with the properties and values on separate lines, if i recall correctly. It's much cleaner and clearer.

  4. very good tutorials. i have found them to be very useful. i took the css positioning tutorials. it was so good and i figure, i will just quickly refresh your basic CSS before heading to the response web design tutorials. I subbed and you have a new ninja recruit. cheers mate

  5. Sublime Text 3 is telling me not to use ID's in selectors? The videos are great, i have just finished the HTML one after finding your channel.

  6. You are really an easy understanding web developer, I really like your videos and benefited from it a lot…
    So, Keep up the good work and may the best of your wishes be the least of what you get..

  7. your videos are nice, and I suppose that you are new (?)..
    I will help your channel grow(Subs++!)

    P.S what editing software are you using?


Please enter your comment!
Please enter your name here