[Lynda.com]CSS for Developers

CSS for Developers

 

with Bill Weinman

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

author

Bill Weinman

subject

Web + Interactive, CSS,Developer, Programming Languages, Web Development

software

CSS

level

Beginner

duration

4h 2m

released

Feb 12, 2010

DVD

purchase

• table of contents
• exercise files
• transcript
• author
• preferences
• FAQs

subscribelearn more

Get immediate access to the entire library!

expand all | collapse all

viewed duration

Introduction8m 30s

Welcome1m 18s  

Using the exercise files1m 50s  

What is CSS3m 2s  

What do you need?2m 20s  

1. CSS Quick Start17m 15s

Exploring a simple document4m 35s  

Using an external style sheet4m 18s  

Creating your base styles4m 49s  

Examining a completely styled page3m 33s  

2. CSS Status8m 21s

Understanding the three levels of CSS2m 8s  

Exploring the limitations of CSS3m 39s  

Browser support2m 34s  

3. Using CSS22m 21s

Examining the three ways to apply style3m 47s  

Using the style attribute1m 56s  

Using the style tag5m 48s  

Using an external style sheet4m 59s  

Using the div tag to style block-level code2m 44s  

Using the span tag to style inline-level code3m 7s  

4. CSS Syntax49m 37s

Understanding the parts of a style1m 22s  

Using comments and white space4m 1s  

Formatting statements4m 34s  

Selecting code with class selectors and ID selectors8m 30s  

Selecting behaviors with pseudo-selectors4m 54s  

Using descendant and attribute selectors5m 41s  

Understanding units and values3m 56s  

Understanding the content box model9m 32s  

Using the content box model with Internet Explorer7m 7s  

5. Formatting Text19m 33s

Choosing fonts8m 54s  

Changing text size4m 9s  

Modifying font attributes6m 30s  

6. Formatting Images4m 57s

Creating and formatting image borders3m 11s  

Wrapping text around images1m 46s  

7. Using Color and Backgrounds9m 57s

Using color properties and values4m 36s  

Using background color and images5m 21s  

8. Creating Borders15m 51s

Using the border property5m 32s  

Modifying border styles4m 22s  

Using CSS level 3 border extensions5m 57s  

9. Formatting Links23m 3s

Formatting links using pseudo-selectors5m 39s  

Using text decoration to show links6m 35s  

Formatting links with sprites and unordered lists10m 49s  

10. Positioning18m 37s

Positioning content using absolute positioning6m 26s  

Understanding the position: Relative property1m 56s  

Positioning content using the float property4m 52s  

Using fixed positioning2m 28s  

Layering content by adjusting the z-index2m 55s  

11. Case Study30m 20s

Touring the finished site1m 35s  

Creating the contact button7m 15s  

Creating the menu buttons9m 27s  

Creating the column layout8m 47s  

Exploring a more complex example of sprites3m 16s  

12. CSS Best Practices13m 4s

Printing with CSS3m 16s  

Supporting separate style sheets for different browsers5m 20s  

Best practices4m 28s  

Conclusion36s

Goodbye36s