Understanding Cascading Style Sheets - 12 | HTML5 & CSS3 Fundamentals: Development for Absolute Beginners

Understanding Cascading Style Sheets - 12

Posted: Jul 30, 2012 at 11:56 AM

By: Clint Rutkas, Bob Tabor, Golnaz

(7)

32,802 Views

8 Comments

Video format

Option selected may change based on video formats available and browser capability.

Auto

Use our suggested format for this video.

Smooth Streaming

Adaptive bitrate streaming - little buffering but lower video quality at times of low bandwidth. Silverlight 5 required

Progressive

Traditional buffered video format. Silverlight 5 required

HTML5

For browsers that support H.264 MP4 or WebM video playback such as:
IE9+, Firefox 4+, Chrome 5+, or Safari 4+.

Flash

For browsers that have the Adobe Flash Player plugin installed.

In Lesson 3, you worked with Bob to create an external Cascading Style Sheet that provides a simple but attractive aesthetic improvement to the HTML5 web page. This lesson picks up where that lesson left off by discussing the basics of CSS as well as how you can define styles and target certain elements of your HTML5 web pages using selectors.

Download the source code for Understanding Cascading Style Sheets

Follow the Discussion

Follow
Oops, something didn't work.

Try again?

Sign In to be begin to follow these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in. You need to be signed in to Channel 9 to use this feature.

Getting "follow" information

Stop following these comments

Start following these comments

What does this mean?
Following an item on Channel 9 allows you to watch for new content and comments that you are interested in and view them all on your notifications page.

Removing your "follow"

Setting up your "follow"

Did you know you can
sign up for email notifications?
- Subscribe to this comments

drericha

Aug 06, 2012 at 5:57 PM

Good!
michael

Aug 23, 2012 at 2:11 AM

Thanks a lot. Very well done!
Sarah

Sep 12, 2012 at 8:57 PM

I think this is the best series for HTML and CSS fundamentals
Thank you very much
happyface

Sep 27, 2012 at 4:42 PM

hmmm... shouldn't value of href attribute start with "mailto:..." to send email?
"email:..." doesn't work in my firefox...
BobTabor

Sep 29, 2012 at 5:50 PM

@happyface: Could you point me to the moment in the video where I referenced this? It may be a mistake, but it's been months since I recorded this and would need to see what I said before I comment further. I **never** make mistakes, so I'm sure there was just a simple misunderstanding. j/k
Dan

Oct 03, 2012 at 4:22 AM

Hi Bob! I really like your guides! Just waiting for a Php/MySQL series ;)

Cheers,
/Dan
happyface

Oct 04, 2012 at 9:15 AM

in the document for this lesson there is email link and it's <a href="email:bobtabor@yahoo.com">.
there is also a style for email link:
a[href^="email"] {
font-size:2em;
}
i was learning some html like 10 years ago and it's something i remembered, plus when clicking on it it should open some email client and there's an error instead...
happyface

Oct 04, 2012 at 9:18 AM

oh, forgot the time... it's starts about 31:40.
i think this overlook comes from that you actually didn't click this link to see an error
anyway, great series