Your Electronic Books

After the three-item container blocks is a second horizontal rule, and then the main content
area??™s final content: a level-two heading and a paragraph of text. Because the item
containers each have a bottom border style assigned in CSS, the second horizontal rule
results in a double border. Because of its semantic significance, it needs to remain, which
leaves the choice of making it invisible by CSS or making the final item container??™s bottom
border invisible, which is what??™s been done. (If you look at the class attribute of the third
itemContainer div, it has a second value, lastItemContainer.)
Finally, after the two columns, but inside the content div, is a single footer paragraph containing
a copyright statement.
Styling the storefront
The store.css document contains the styles for this layout, arranged into sections, as
noted earlier in the chapter. The defaults section includes two rules. The first is the universal
selector (*), used to remove padding and margins (as per the ???Zeroing margins and
padding on all elements??? section in Chapter 2). The second is a body rule, which adds some
top and bottom padding to the web page, ensuring that there??™s always some whitespace
around the design.
PUTTING EVERYTHING TOGETHER
381
10
In the structure section are a number of rules for styling the page??™s structural elements.


Pages:
463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487