Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In CSS3 First Look, staff author James Williamson provides an in-depth introduction to the newest CSS standard, detailing its modular format, history, and current level of browser support, while also demonstrating its capabilities and applications. The course includes tutorials on using new selectors, modifying typography and color, working with the box model, and understanding media queries. Exercise files accompany the course.
Now that we've got a better understanding of what CSS3 is, let's take a moment to explore what it can do. I want to examine the features and capabilities that we're going to add to our Explore California test site. Now, first we'll explore the new selectors available to us in CSS3 that gives us much more control over targeting and styling elements on our page. Here for example, we'll add alternating row colors to our tables without using classes or extra markup. Next we'll examine the new color formats in CSS3 and how the new Color module allows us to control transparency within the browser.
Effects like our homepage image here, for example, are no longer images designed to simulate transparency but truly transparent elements within the browser. CSS3 also allows us to define gradient fills and we'll take advantage of that by adding gradient backgrounds that enhance the look and the feel of our site. Typographic capabilities get a huge boost in CSS3 and as you can see allow us to add non-standard fonts to our sites, as well as adding text effects like embossed text or even drop-shadows. We're also able to define multiple column text without having to resort to extra markups and floats.
Something that every designer is going to rejoice over. Although, a bit more experimental than many of the topics we'll cover, page layout is undergoing changes in CSS3 as well. In this title we'll take a look at the new flexible box model and how it might change the way you design your page layout. We'll also dive deeper into the changes to the CSS box model as well by creating rounded corners, working with border images, box shadows, and the very powerful additions to the background property. We'll take a look at using multiple backgrounds as well as the improved capabilities related to positioning and sizing background images and elements.
I'll pick that back up in our next movie.
Find answers to the most frequently asked questions about CSS3 First Look.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.