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
What attribute makes the input text box to not be modified by the user?
checked="checked" readonly="readonly" disabled="disabled"
<input type="text" value="fixed-value" readonly="readonly" name="a_name" />
What CSS property allows you to create rounded corners in your webpage design?
background-size border-size border-radius
.class {
  border:2px solid blue;
  border-radius:1.2em;
}
What instruction displays a confirmation dialog box to the viewer, who must then click OK or Cancel to proceed?
indexOf() confirm() prompt()
var ques = window.confirm("The result of 0+0 is 0?");
if (ques) alert("Corect");
else alert("Incorrect");
Indicate the PHP function that returns the lowest number of the parameter values.
floor() ceil() min()
$min_nr = min(12, 8, 25, 13);
echo $min_nr;        // 8
CSS Online Video Course and Tutorials

Last accessed pages

  1. Add, Change, and Remove Attributes with jQuery (2321)
  2. Drag and Drop with jQuery UI (558)
  3. Fancy-Fields Custom Forms Look (143)
  4. Recursive function to create Multi-Level Menu in JavaScript (98)
  5. jQuery ajax() method (1295)

Top accessed pages

  1. PHP-MySQL free course, online tutorials PHP MySQL code (3631)
  2. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (3472)
  3. PHP PDO - exec (INSERT, UPDATE, DELETE) MySQL (3388)
  4. Get Attribute (ID, Class, Name, Title, Src) with jQuery (3231)
  5. PHP Chat Script (2910)