[Lynda.com]CSS: Core Concepts

CSS: Core Concepts

 

with James Williamson

In this hands-on course, James Williamson demonstrates the concepts that form the foundation of Cascading Style Sheets (CSS), including styling text, adding margins and padding, and controlling how images display. The course also explores the tools needed to work with CSS, the differences between embedded and external styles, how to use selectors to target elements, and what to do when styles conflict.

Topics include:

• Exploring default styling
• Writing a selector
• Setting properties
• Working with common units of measurement, including ems and pixels
• Structuring HTML correctly
• Understanding the cascade and inheritance
• Setting a font family, font size, text color, and more
• Understanding the box model
• Styling container elements
• Working with RGB vs. HSL values
• Styling drop shadows

author

James Williamson

subject

Web + Interactive, CSS, HTML + HTML5

software

CSS

level

Beginner

duration

8h 49m

released

Nov 22, 2011

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

Introduction4m 57s

Welcome55s  

Using the exercise files4m 2s  

1. CSS Basics1h 7m

Exploring default styling4m 56s  

CSS authoring tools2m 29s  

CSS syntax4m 45s  

Writing a selector4m 10s  

Setting properties8m 40s  

Common units of measurement7m 47s  

Inline styles5m 1s  

Embedded styles5m 19s  

Using external style sheets10m 34s  

Checking for browser support8m 48s  

Dealing with browser inconsistencies5m 30s  

2. Targeting Page Content2h 15m

Structuring HTML correctly2m 51s  

Element selectors4m 52s  

Class selectors6m 4s  

ID selectors3m 27s  

Using classes and IDs10m 7s  

Element-specific selectors4m 35s  

The universal selector5m 42s  

Grouping selectors4m 49s  

Descendent selectors7m 32s  

Child selectors5m 7s  

Adjacent selectors5m 30s  

Attribute selectors12m 43s  

Pseudo-class selectors3m 54s  

Dynamic pseudo-class selectors8m 29s  

Structural pseudo-class selectors6m 45s  

Nth-child selectors13m 10s  

Pseudo-element selectors12m 40s  

Targeting page content: Lab8m 56s  

Targeting page content: Solution7m 59s  

3. Resolving Conflicts42m 39s

What happens when styles conflict?4m 0s  

Understanding the cascade5m 47s  

Using inheritance6m 11s  

Selector specificity6m 55s  

The !important declaration4m 5s  

Reducing conflicts through planning3m 33s  

Resolving conflicts: Lab6m 45s  

Resolving conflicts: Solution5m 23s  

4. Basic Text Formatting1h 47m

Setting a font family7m 10s  

Using @font-face9m 18s  

Setting font size7m 35s  

Font style and font weight6m 52s  

Transforming text3m 58s  

Using text variants2m 49s  

Text decoration options4m 26s  

Setting text color3m 2s  

Writing font shorthand notation8m 49s  

Controlling text alignment6m 33s  

Letter and word spacing9m 11s  

Indenting text4m 30s  

Adjusting paragraph line height10m 30s  

Controlling the space between elements6m 41s  

Basic text formatting: Lab8m 45s  

Basic text formatting: Solution7m 14s  

5. Styling Container Elements2h 1m

Understanding the box model16m 53s  

Controlling element spacing14m 29s  

Controlling interior spacing10m 49s  

Margin and padding shorthand notation6m 27s  

Adding borders8m 57s  

Defining element size10m 7s  

Creating rounded corners6m 58s  

Background properties2m 51s  

Using background images5m 10s  

Controlling image positioning10m 25s  

Using multiple backgrounds7m 5s  

Background shorthand notation5m 25s  

Styling container elements: Lab7m 55s  

Styling container elements: Solution8m 17s  

6. Working with Color47m 51s

Color keyword definitions5m 4s  

Understanding hexadecimal notation6m 5s  

Using RGB values4m 58s  

Using HSL values5m 17s  

Working with opacity2m 23s  

Using RGBa and HSLa3m 8s  

Styling drop shadows5m 38s  

CSS gradients6m 32s  

Working with color: Lab4m 26s  

Working with color: Solution4m 20s  

Conclusion1m 58s

Additional resources1m 58s