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/

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag adds an image in web page?
<div> <img> <span>
<img src="http://coursesweb.net/imgs/webcourses.gif" width="191" height="63" alt="Courses-Web" />
Which of these CSS codes displays the text oblique?
font-style: italic; text-decoration: underline; font-weight: 500;
#id {
  font-style: italic;
}
Click on the jQuery function used to hide with animation a HTML element.
click() hide() show()
$(document).ready(function() {
  $(".a_class").click(function(){ $(this).hide("slow"); });
});
Click on the correctly defined function in PHP.
fname function() {} function fname() {} function $fname() {};
function fname($a, $b) {
  echo $a * $b;
}
CSS Online Video Course and Tutorials

Last accessed pages

  1. Raccoon's Break Out (108)
  2. Bru (643)
  3. 3d Mahjong (170)
  4. Escape Games (3375)
  5. Super Dragon Mahjongg (1331)

Top accessed pages

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