Lynda.COM CSS for Developers

Author:
Bill Weinman

Duration:
04h 02m

Released on:
2/12/2010

Exercise files:
Yes

Software works on:
Windows only


CSS for Developers is designed to give a working knowledge of CSS to web developers and coders who already have a firm grasp of XHTML/HTML and want to harness the power of style sheets to take their web sites to the next level. Instructor Bill Weinman reviews CSS fundamentals, including the benefits and limitations of the language, and then dives straight into creating styles. This course covers how to format text, images, and backgrounds; how to position elements on the page; and how to apply styles, both inline and via an external style sheet. CSS best practices and browser support issues are also addressed. Exercise files accompany the course.
Topics include:

    Adding borders and backgrounds
    Choosing fonts
    Changing the color of elements
    Working with sprites
    Positioning with CSS
    Creating a menu bar





Introduction
Welcome           01m 18s
Using the exercise files           01m 50s
What is CSS           03m 02s
What do you need?           02m 20s

1. CSS Quick Start
Exploring a simple document           04m 35s
Using an external style sheet           04m 18s
Creating your base styles           04m 49s
Examining a completely styled page           03m 33s

2. CSS Status
Understanding the three levels of CSS           02m 08s
Exploring the limitations of CSS           03m 39s
Browser support           02m 34s

3. Using CSS
Examining the three ways to apply style           03m 47s
Using the style attribute           01m 56s
Using the style tag           05m 48s
Using an external style sheet           04m 59s
Using the div tag to style block-level code           02m 44s
Using the span tag to style inline-level code           03m 07s

4. CSS Syntax
Understanding the parts of a style           01m 22s
Using comments and white space           04m 01s
Formatting statements           04m 34s
Selecting code with class selectors and ID selectors           08m 30s
Selecting behaviors with pseudo-selectors           04m 54s
Using descendant and attribute selectors           05m 41s
Understanding units and values           03m 56s
Understanding the content box model           09m 32s
Using the content box model with Internet Explorer           07m 07s

5. Formatting Text
Choosing fonts           08m 54s
Changing text size           04m 09s
Modifying font attributes           06m 30s

6. Formatting Images
Creating and formatting image borders           03m 11s
Wrapping text around images           01m 46s

7. Using Color and Backgrounds
Using color properties and values           04m 36s
Using background color and images           05m 21s

8. Creating Borders
Using the border property           05m 32s
Modifying border styles           04m 22s
Using CSS level 3 border extensions           05m 57s

9. Formatting Links
Formatting links using pseudo-selectors           05m 39s
Using text decoration to show links           06m 35s
Formatting links with sprites and unordered lists           10m 49s

10. Positioning
Positioning content using absolute positioning           06m 26s
Understanding the position: Relative property           01m 56s
Positioning content using the float property           04m 52s
Using fixed positioning           02m 28s
Layering content by adjusting the z-index           02m 55s

11. Case Study
Touring the finished site           01m 35s
Creating the contact button           07m 15s
Creating the menu buttons           09m 27s
Creating the column layout           08m 47s
Exploring a more complex example of sprites           03m 16s

12. CSS Best Practices
Printing with CSS           03m 16s
Supporting separate style sheets for different browsers           05m 20s
Best practices           04m 28s

Conclusion
Goodbye           00m 36s