HTML and CSS Reference
Conditional group rules - Restrict CSS rules to browsers that support certain properties with
@supports (a potential replacement for the vendor prefix system) or only to specific pages with
@document ( w3.org/TR/css3-conditional/ )
Some of these specs are very “bleeding edge” and may have only been implemented in one or two
browsers, or not yet implemented at all, so they're not all practical to use on the real Web right now. But
that certainly shouldn't keep you from poking your head in to see how they work.
This has been one of the longest chapters in this topic, but we hope it's also been one of the most
enlightening. You've learned about just one approach to the web design process and seen it put into
action, following the design and construction of our fictional site for Power Outfitters Superhero Costume &
Supply Co. We didn't cover every last corner of the site, but we walked you through some of the more
interesting parts in enough detail to give you a feel for how it all came together. All of the markup and CSS
examples you've seen in this topic are available at the Apress website ( apress.com ) or this topic's
companion site ( foundationhtml.com ) to download and dissect as you please.
HyperText Markup Language is the very foundation of the World Wide Web. It's the common root
language without which this vast frontier of cross-referenced information at our fingertips wouldn't be
possible. This language and the Web it weaves allows us to keep abreast of current affairs in our
communities, delve into the histories of other cultures, stay in touch with distant friends and loved ones,
watch robots on Mars, and giggle at adorable pictures of cats with poor grammar. HTML is a marvelous
thing—powerful yet approachable.
Now that you've grasped the fundamentals of modern, semantic markup and CSS, you might be
wondering, what's the next step? Keep learning, of course. This topic has offered only a glimpse of what
you can create with these core web languages. Go online and explore some of the many and varied
resources available to you. Graduate to the next level and further hone your skills with CSS and
into your sites and apps. Charge boldly into the more advanced parts of HTML5 and its related
technologies like geolocation, canvas, WebGL for 3D canvas graphics, offline storage, IndexedDB, and
more—all those cool parts we didn't cover in these pages.
But above all, experiment. Open a text editor, grab your favorite browser, and just dive in. We've shown
you that it doesn't require any expensive tools or arcane knowledge to create innovative websites. The
Web was built by enthusiastic tinkerers. Now get out there and tinker.