Developing HTML5 Apps Jump Start (02b): CSS Selectors and Style Properties, Part 2
- Posted: Oct 28, 2012 at 11:00 PM
- 107,666 Views
- 23 Comments
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:
- Module (01a): HTML5 Semantic Structure, Part 1
- Module (01b): HTML5 Semantic Structure, Part 2
- Module (02a): CSS Selectors and Style Properties, Part 1
- Module (02b): CSS Selectors and Style Properties, Part 2
- Module (03a): Advanced Layout and Animation, Part 1
- Module (03b): Advanced Layout and Animation, Part 2
- Module (04a): JavaScript Core Capabilities, Part 1
- Module (04b): JavaScript Core Capabilities, Part 2
- Module (05a): DOM Interactions, Part 1
- Module (05b): DOM Interactions, Part 2
- Module (06a): Advanced Topics, Part 1
- Module (06b): Advanced Topics, Part 2
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.
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.
Follow the Discussion
Oops, something didn't work.
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.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.sign up for email notifications?
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.
Great Job, Jeremy... I am learning this very fast... this is a very clear explanation.
The same issue with Anu L
Great video. Thanks.
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!
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
Great Video. Got a good handle of the basics. Thanks
I can see it very clearly. Using Safari on Win7
good, i can learn new thing about html5.
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).
good, i can learn new thing about html5. I am unable to see video of CSS-2 part.
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.
There is always this trick.. Win-R, wmplayer, Ctrl-U, paste the URL to the WMV.
Enjoy.
Good explanation, little hard to follow some of the blurry text.
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.
Excellent material. I hope you continue to post more.
"horizontal knowledge, generating vertical growth. "
(HSL): Hue is set as an integer between 0 and 360 but you said from 0 to 255 (5m32s).
Am I right?
Is really text-shadow with first parameter as down, and second as right? (9min of 2nd movie here)
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 ??
This the best
In your previous video you showed how to use Audio and Video elements. Will these be streamed?
Thanks,
Bijan G.
@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
I just finished module 2, I cannot stop
Remove this comment
Remove this thread
close