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

Sign in to queue

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

Download

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

Add Your 2 Cents