Want to learn CSS but don't have time to read a book? You can learn with the help of the online video tutorials posted here.

CSS Video Crash Course

In this course with 8 online video lessons, you'll learn CSS from scratch, in less than 3 hours.

  1. An Introduction to CSS (16:30)
    In this introductory video tutorial, you`ll learn about how CSS changes the way you design web sites.
      • Understand basic CSS terminology: selectors, properties, and rules.
      • Choose whether to code using inline, embedded, or external styles.
  2. CSS Selectors 1 (21:33)
    CSS selectors let you specify one or more elements to receive a particular style, while leaving the rest of the page unchanged.
      • Override the default style of any HTML tag with your own look.
      • Single out individual elements in your pages to style separately.
  3. CSS Selectors 2 (16:55)
    This third lesson continue with more complex things about selectors.
      • Create new types of HTML elements to receive special styles.
      • Add dynamic effects such as hyperlink mouseover styles.
  4. Text Properties 1 (19:16)
    In this and the next video tutorial you`ll learn about the properties that control the look of text. Colors, fonts, and other special effects.
      • Take complete control of fonts, colors, alignment, and indentation.
      • Apply and combine italic, bold, and small-caps effects to any HTML tag.
  5. Text Properties 2 (13:34)
    It continues with more CSS properties that control the look of text.
      • Experiment with line, word, and character spacing to achieve a unique look.
  6. Inheritance (11:02)
    This lessons explains the power and the limits of the special inherit property value.
      • Distinguish between inherited and noninherited properties.
      • Use inheritance to cut down on repetitive code in your style sheets.
  7. The Cascade (23:45)
    Cascading is the process that controls how multiple rules in your style sheets can apply properties to a single element in the page.
      • Control the priority of your CSS rules with selector specificity.
      • Understand the "!important" modifier, and why you should avoid it.
  8. What`s Next? (9:45 mins)
    Complete your knowledge of the many CSS properties with a good reference, you`ll find out where good resources can be found to build your CSS expertise.
      • Learn tricks from the work of CSS experts.
      • Take full advantage of Dreamweaver`s CSS support, and that of free tools like Firebug.

- This course is offered for free, by:   sitepoint.com/videos/videocss1/
CSS Online Video Course and Tutorials

Daily Test with Code Example

Which tag is used to add definition lists into a <dl> element?
<dt> <dd> <li>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Language for web pages</dd>
Which CSS property can hide an element on page, letting an empty space in its place?
display position visibility
#id {
  visibility: hidden;
Click on the event which is triggered when the mouse clicks on an object.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
Indicate the PHP variable that contains the contents of both $_GET, $_POST, and $_COOKIE arrays.
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];

Last accessed pages

  1. Image Map (1387)
  2. Ajax-PHP Rating Stars Script (8686)
  3. The Stage, Panels and Tools in Flash (3658)
  4. CSS Rhombus Shape (2503)
  5. createElement and insertBefore (3658)

Top accessed pages

  1. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (37292)
  2. PHP-MySQL free course, online tutorials PHP MySQL code (29598)
  3. Read Excel file data in PHP - PhpExcelReader (28906)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (27234)
  5. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (24137)