Understanding Cascading Style Sheets - 12

Download this episode

Download Video

Download captions

Download Captions

Description

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

Tag:

CSS 3

Embed

Format

Available formats for this video:

Actual format may change based on video formats available and browser capability.

    The Discussion

    • User profile image
      drericha

      Good!

    • User profile image
      michael

      Thanks a lot. Very well done!

    • User profile image
      Sarah

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

    • User profile image
      happyface

      hmmm... shouldn't value of href attribute start with "mailto:..." to send email?

      "email:..." doesn't work in my firefox...

    • User profile image
      BobTabor

      @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.  Wink  j/k

    • User profile image
      Dan

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

      Cheers,
      /Dan

    • User profile image
      happyface

      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...

    • User profile image
      happyface

      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 Wink

      anyway, great series Smiley

    • User profile image
      gduncan411

      Opening thread...

    Comments closed

    Comments have been closed since this content was published more than 30 days ago, but if you'd like to continue the conversation, please create a new thread in our Forums, or Contact Us and let us know.