Developing HTML5 Apps Jump Start (02b): CSS Selectors and Style Properties, Part 2

Download this episode

Download Video

Download captions

Download Captions

Description

In Part 2 of this module, Jeremy Foster and Michael Palermo continue their discussion of CSS3 Selectors and Style Properties. Topics include Selectors, Combinators, Color properties, Text properties, and Box properties.

Complete course outline for the Developing HTML5 Apps Jump Start:

This series of videos are a great way to help you prepare for Exam 70-480. Register now to take the Programming in HTML5 with JavaScript and CSS3 exam (70-480) exam. The promotion for the free exam using the promo code HTMLJMP is over, no new registrations will be accepted using the code. If you've already registered using the code then you're set.

If you want to learn how to apply these HTML5 skills to build your own Windows Store app, check out the Developing Windows Store Apps with HTML5 Jump Start.

Embed

Format

Available formats for this video:

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

    The Discussion

    • User profile image
      Anu L

      The enlarged vedios in CSS Selectors Part 1 and 2 showing the source code is not very clear.

      It was explainig a lot about the changes to fonts and font colors, I was not able to see the content clearly.
      I am watching it using IE 9.

    • User profile image
      Niner873505

      Great Job, Jeremy... I am learning this very fast... this is a very clear explanation.

    • User profile image
      Lei

      The same issue with Anu L

    • User profile image
      payini

      Great video. Thanks.

    • User profile image
      Rainier van Slingerlandt

      Great Video, thanks a lot. About the quality I just downloaded the high quality mp4. I am guessing that somehow silverlight is not figuring out that I have a glass fiber connection here. But great video guys thanks a lot!

    • User profile image
      HolgerSinn

      Hy,

       

      i can see it very sharp. I am using IE 10. But also on my TV it's ok.

      Try to download in High Resolution
      http://media.ch9.ms/ch9/1dae/a6f38c88-ec3e-40a5-9acc-c8c008421dae/Exam480Mod2Part2_high.mp4

    • User profile image
      gurushakthi

      Great Video. Got a good handle of the basics. Thanks

    • User profile image
      Carlos​Rodriguez

      I can see it very clearly. Using Safari on Win7

    • User profile image
      chrismanto

      good, i can learn new thing about html5.

    • User profile image
      Shonda

      I answered two of the questions incorrectly because they used 'P' instead of 'p' for paragraph tags and 'Table' instead of 'table' for table tags - I thought all CSS was case sensitive, but I guess not ( just true for defining styles i.e. class names and id names).

    • User profile image
      alokpintu1

      good, i can learn new thing about html5. I am unable to see video of CSS-2 part.

    • User profile image
      JaisEdelmann

      Good video however you forgot to mention the opacity parameter is for the element and not only the text like color is, so your element would be 50% in opacity instead of the text.

    • User profile image
      wiseleo

      There is always this trick.. Win-R, wmplayer, Ctrl-U, paste the URL to the WMV.

      Enjoy. Smiley

    • User profile image
      ieDaddy

      Good explanation, little hard to follow some of the blurry text.

    • User profile image
      s3curity​Consult

      You know what it is is when you open the video fullscreen then the visual studio text is blurry and hard to read, but if you watch it in the small box on the page then it will not be blurry but is too small to read.  It seems to be an issue with scaling the video larger to full screen.  It always helps if you guys would read what the code says when you show code from your computer, since your computer screen doesn't scale clearly into our computer screens, but you can download all the source code from codeplex.

    • User profile image
      lealzora

      Excellent material. I hope you continue to post more.

      "horizontal knowledge, generating vertical growth. "

    • User profile image
      Olo

      (HSL): Hue is set as an integer between 0 and 360 but you said from 0 to 255 (5m32s).

      Am I right?

    • User profile image
      rzepcio

      Is really text-shadow with first parameter as down, and second as right? (9min of 2nd movie here)

    • User profile image
      Shanker

      I have a question about 70-480
      exam..
      what technologies do i need to know??
      HTML and Css, javascript
      Or
      i need to know how to create Windows app tooo ??

    • User profile image
      Fadi

      This the best

    • User profile image
      Bijan

      In your previous video you showed how to use Audio and Video elements.  Will these be streamed?

      Thanks,

      Bijan G.

    • User profile image
      Paul Kumar

      @Olo -- you are right..
      An HSL color value is specified with: hsl(hue, saturation, lightness).

      Hue is a degree on the color wheel (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue. Saturation is a percentage value; 0% means a shade of gray and 100% is the full color. Lightness is also a percentage; 0% is black, 100% is white.

      source: w3schools

    • User profile image
      Mario Berthely

      I just finished module 2, I cannot stop

    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.