Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

CSS: Core Concepts

with James Williamson

Ready to watch this entire course?

Start your free trial now, and access our 4,200+ expert-taught video courses.

Start Your Free Trial Now

Expand all | Collapse all

Introduction

4m 54s
1. Welcome
  
  52s
2. Using the exercise files
  
  4m 2s
1. CSS Basics

1h 8m
1. Exploring default styling
  
  4m 56s
2. CSS authoring tools
  
  2m 29s
3. CSS syntax
  
  4m 45s
4. Writing a selector
  
  4m 10s
5. Setting properties
  
  8m 40s
6. Common units of measurement
  
  7m 47s
7. Inline styles
  
  5m 1s
8. Embedded styles
  
  5m 19s
9. Using external style sheets
  
  10m 35s
10. Checking for browser support
  
  8m 48s
11. Dealing with browser inconsistencies
  
  5m 30s
2. Targeting Page Content

2h 15m
1. Structuring HTML correctly
  
  2m 51s
2. Element selectors
  
  4m 52s
3. Class selectors
  
  6m 4s
4. ID selectors
  
  3m 27s
5. Using classes and IDs
  
  10m 7s
6. Element-specific selectors
  
  4m 35s
7. The universal selector
  
  5m 42s
8. Grouping selectors
  
  4m 49s
9. Descendent selectors
  
  7m 32s
10. Child selectors
  
  5m 7s
11. Adjacent selectors
  
  5m 30s
12. Attribute selectors
  
  12m 43s
13. Pseudo-class selectors
  
  3m 54s
14. Dynamic pseudo-class selectors
  
  8m 29s
15. Structural pseudo-class selectors
  
  6m 45s
16. Nth-child selectors
  
  13m 10s
17. Pseudo-element selectors
  
  12m 40s
18. Targeting page content: Lab
  
  8m 56s
19. Targeting page content: Solution
  
  7m 59s
3. Resolving Conflicts

44m 54s
1. What happens when styles conflict?
  
  4m 0s
2. Understanding the cascade
  
  5m 47s
3. Using inheritance
  
  8m 26s
4. Selector specificity
  
  6m 55s
5. The !important declaration
  
  4m 5s
6. Reducing conflicts through planning
  
  3m 33s
7. Resolving conflicts: Lab
  
  6m 45s
8. Resolving conflicts: Solution
  
  5m 23s
4. Basic Text Formatting

1h 47m
1. Setting a font family
  
  7m 10s
2. Using @font-face
  
  9m 19s
3. Setting font size
  
  7m 35s
4. Font style and font weight
  
  6m 52s
5. Transforming text
  
  3m 58s
6. Using text variants
  
  2m 49s
7. Text decoration options
  
  4m 26s
8. Setting text color
  
  3m 2s
9. Writing font shorthand notation
  
  8m 49s
10. Controlling text alignment
  
  6m 33s
11. Letter and word spacing
  
  9m 11s
12. Indenting text
  
  4m 30s
13. Adjusting paragraph line height
  
  10m 30s
14. Controlling the space between elements
  
  6m 41s
15. Basic text formatting: Lab
  
  8m 45s
16. Basic text formatting: Solution
  
  7m 14s
5. Styling Container Elements

2h 1m
1. Understanding the box model
  
  16m 53s
2. Controlling element spacing
  
  14m 29s
3. Controlling interior spacing
  
  10m 50s
4. Margin and padding shorthand notation
  
  6m 27s
5. Adding borders
  
  8m 57s
6. Defining element size
  
  10m 7s
7. Creating rounded corners
  
  6m 58s
8. Background properties
  
  2m 51s
9. Using background images
  
  5m 11s
10. Controlling image positioning
  
  10m 25s
11. Using multiple backgrounds
  
  7m 5s
12. Background shorthand notation
  
  5m 25s
13. Styling container elements: Lab
  
  7m 56s
14. Styling container elements: Solution
  
  8m 17s
6. Working with Color

47m 51s
1. Color keyword definitions
  
  5m 4s
2. Understanding hexadecimal notation
  
  6m 5s
3. Using RGB values
  
  4m 58s
4. Using HSL values
  
  5m 17s
5. Working with opacity
  
  2m 23s
6. Using RGBa and HSLa
  
  3m 8s
7. Styling drop shadows
  
  5m 38s
8. CSS gradients
  
  6m 32s
9. Working with color: Lab
  
  4m 26s
10. Working with color: Solution
  
  4m 20s
Conclusion

1m 58s
1. Additional resources
  
  1m 58s

please wait ...

CSS: Core Concepts

Video Duration: 0s 8h 52m Beginner Nov 22, 2011

View Course Description

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

Subject:: Web
Software:: CSS
Author:: James Williamson

Welcome

Hi! I am James Williamson, senior author at lynda.com, and I want to welcome you to CSS: Core Concepts. If you are brand new to CSS or feel like maybe you have missed some of the important concepts along the way, then this course is for you. I have designed it to teach the basic core concepts of CSS that authors will need before moving on to more specific projects. We will start by focusing on the basics of CSS, such as syntax, learning how to set properties, and exploring the relationship between style sheets and HTML.

From there we'll turn our attention to properly targeting page content, how to properly prevent and resolve conflicts between styles, controlling basic site typography, mastering the box model, and how to properly define color. So grab a refreshing beverage, fire up your favorite code editor, and let's get started.

There are currently no FAQs about CSS: Core Concepts.