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 type of <input> creates input fields that should contain a numeric value?
type="text" type="number" type="date"
<input type="number" name="points" min="5" max="80" />
Which CSS property allows to change the transparency of an element?
font-style opacity color
#id {
  filter:alpha(opacity=40);    /* for IE */
  opacity:0.4;
}
Click on the function that formats a number to specified number of characters.
toPrecision() exp() toFixed()
var num = 12.34567;
alert( num.toPrecision(3) );       // 12.3
Which function randomizes the order of the elements into an array?
natsort() shuffle() sort()
$lang = array(10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
shuffle($lang);
var_export($lang);     // array (0=>"coursesweb.net", 1=>"PHP", 2=>"JavaScript")
CSS Online Video Course and Tutorials

Last accessed pages

  1. $_GET, $_POST and $_REQUEST Variables (18585)
  2. Read Excel file data in PHP - PhpExcelReader (31772)
  3. Check and Validate input field when loses focus, with PHP via Ajax (2744)
  4. JavaScript code and PHP (11989)
  5. Get Mouse coordinates inside a Div or an Image (4768)

Top accessed pages

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