Chapter $1$

Hands$-$on Project $1-1$

Filename: styles.css

$*/$

$/*$ apply a natural box layout model to all elements $*/$

$*\{$

$-$moz$-$box$-$sizing: border$-$box;

$-$webkit$-$box$-$sizing: border$-$box;

box$-$sizing: border$-$box;

$\}$

$/*$ reset rules $*/$

html$,$ body, div, span, applet, object, iframe,

h$1,$ h$2,$ h$3,$ h$4,$ h$5,$ h$6,$ p$,$ blockquote, pre,

a$,$ abbr, acronym, address, big, cite, code,

del, dfn$,$ em$,$ img, ins, kbd$,$ q$,$ s$,$ samp,

small, strike, strong, sub, sup, tt$,$ var,

b$,$ u$,$ i$,$ center,

dl$,$ dt$,$ dd$,$ ol$,$ ul$,$ li$,$

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr$,$ th$,$ td$,$

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video $\{$

margin: $0$;

padding: $0$;

border: $0$;

font$-$size: $100\%$;

font: inherit;

vertical$-$align: baseline;

$\}$

$/*$ HTML$5$ display$-$role reset for older browsers $*/$

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section $\{$

display: block;

$\}$

body $\{$

line$-$height: $1$;

max$-$width: $960$px;

background: white;

margin: $0$ auto;

font$-$family: Verdana, Geneva, sans$-$serif;

$\}$

ol$,$ ul $\{$

list$-$style: none;

$\}$

$/*$ page header $*/$

header $\{$

background: #$330570$;

width: $100\%$;

color: #FFFFFF;

font$-$size: $48$px;

text$-$align: center;

line$-$height: $1\mathrm{.}5$em;

$-$webkit$-$border$-$top$-$right$-$radius: $20$px;

$-$webkit$-$border$-$top$-$left$-$radius: $20$px;

$-$moz$-$border$-$radius$-$topright: $20$px;

$-$moz$-$border$-$radius$-$topleft: $20$px;

border$-$top$-$right$-$radius: $20$px;

border$-$top$-$left$-$radius: $20$px;

$\}$

$/*$ main content $*/$

article $\{$

width: $960$px;

text$-$align: left;

background: #FFCF$40$;

$-$webkit$-$border$-$bottom$-$right$-$radius: $20$px;

$-$moz$-$border$-$radius$-$bottomright: $20$px;

border$-$bottom$-$right$-$radius: $20$px;

$\}$

article h$2\{$

font$-$weight: bold;

font$-$size: $24$px;

padding: $10$px;

$\}$

article ol li $\{$

padding: $10$px;

margin$-$left: $35$px;

list$-$style$-$type: decimal;

$\}$