Foundation HTML5 with CSS3

Chapter 5 The default value of background-repeat is repeat, which you can use to override another value in another rule if neces ...

Embedding Media If the element expands—if you add more content, increase the text size, or resize the element with CSS— more of ...

Chapter 5 Listing 5-15. Adding a background-position declaration .intro { background-image: url(images/background.png); backgrou ...

Embedding Media Figure 5-26. The background image shows up exactly where the CSS told it to be When you position a background im ...

Chapter 5 Figure 5-28. Non-percentage lengths position the top-left corner of the background image at the precise point specifie ...

Embedding Media In this instance, the second rule would set the background-position to the bottom left, but that doesn’t matter ...

Chapter 6 Linking the Web It's not entirely hyperbole when we tell you that links are the most important element in HTML. Withou ...

Chapter 6 itself a descendant of IBM’s GML, includes no notion of linked documents. Therefore, linking is one of the fundamental ...

Linking the Web all surfing the Web (and we imagine that you have if you’re reading this book), you’ve no doubt seen this in act ...

Chapter 6 Listing 6-4. A sample site structure http://example.com/index.html http://example.com/about.html http://example.com/li ...

Linking the Web Fragment identifiers can link to portions of the same page, as well. This technique works exceptionally well if ...

Chapter 6 The link in the above example, which points to an RSS feed, has two rel attribute values: "nofollow" and "alternate." ...

Linking the Web The current recommendation is to use the rel attribute with a value opposite of what would otherwise have been u ...

Chapter 6 browsers have happily rendered those anchors as singular, clickable regions. This behavior, however, was invalid accor ...

Linking the Web At its most basic, an image map looks like: <map name="crime-map"></map> Currently, no regions exist ...

Chapter 6 For details on the differences between the HTML syntax and the XHTML syntax in HTML5, check out, “The HTML and XHTML S ...

Linking the Web Listing 6-16. An image map with a single, clickable area element <map name="crime-map" id="crime-map"> < ...

Chapter 6 Listing 6-19 shows a basic example which will create a parallelogram. Listing 6-19. An image map with a polygonal area ...

Linking the Web “But,” you ask, “what is that extra code in the selector after the colon?” The :link portion of the selector is ...

Chapter 6 Figure 6-5. Browser output of the visited state of an anchor element styled with CSS Physically moving the mouse point ...