Foundation HTML5 with CSS3

Index

overflow property, 312–13
uses, 306
page width
fixed width, 302–3
liquid width, 304–5
positioning property
absolute positioning, 317–21
fixed positioning, 321–27
relative positioning, 314–17
Portable Network Graphic (PNG),

143–45

Power Outfitters

base document, 337

class attribute, 337

conditional comments, 338–39

header, 337

HTML5, 337, 338

id attribute, 337

style sheets, 337

title element, 337

CSS

background image, 363

body boundary, 355

border declaration, 363

browser default style resetting,

351–52

clear:right declaration, 356

clearing element, 356

content box, 363, 364

easy clearing method, 365

floating columns, 364

fluid images, 370–72

footer, 372–74

image floating, 368

image replacement, 358–60

liquid layouts, 369, 370

logo, 356

masthead features, 355

multiple background images,

352–54

navigation, 360–62

new item box, laying out, 369

page layout, 365

reusable boxes, 365–68

store info box, 357–58

translucent layers, 363

wrapper element, 363

home page

Add to Cart button, 346, 347

default browser styling, 350

design pattern, 346

figure element, 347

h1 element, 345

modular sidebar, 348–49

New Item box, 348

page-title class, 346

template

completed site template, 343–

45

content space, 342–43

footer, 341–42

masthead, 339–41

web design process. See Web

design process

Q

Quirks mode, 40

R

Rel attribute, 189–90

Rev attribute, 190–91

RGB color notation, 63

RGBA color notation, 65–66

S

Sectioning content model

content and structure, 69