ALL ABOUT LINKS - HTML5 - page 125

h1 {
font-family: ”Arial Black” , Gadget , sans-serif ;
color: #7F7D78 ;
text-align: center ;
}
h2 {
font-family: ”Lucida Sans Unicode” , “Lucida Grande” , sans-serif ;
background-color: #CCC8C0 ;
color: #FFE0A3 ;
}

Cool Color Theme
@charset “UTF-8”;
/* CSS Document */

body {
/*056CF2,0F88F2,52B5F2,85D3F2,F2F2F2 */
font-family: Verdana , Geneva , sans-serif ;
font-size: 11 ;
background-color: #F2F2F2 ;
color: #056CF2 ;
}
h1 {
font-family: ”Arial Black” , Gadget , sans-serif ;
color: #52B5F2 ;
text-align: center ;
}
h2 {
font-family: ”Lucida Sans Unicode” , “Lucida Grande” , sans-serif ;
background-color: #85D3F2 ;
color: #0F88F2 ;
}

129

h e warm and cool color schemes use identical CSS3 code, save for the color values. In that
way when we compare them, everything except the color palette will be the same. h e
following Web page ( AlternateStylesheets.html in this chapter's folder at www.
wiley.com/go/smashinghtml5 ) uses both CSS external i les with one being the default
( stylesheet ) and the other the alternate ( alternate stylesheet ):

<! DOCTYPE HTML >
< html >
< head >
< link rel = ”stylesheet” type = ”text/css” href = ”warm.css” title = ”Warm View (Default)” >
< link rel = ”alternate stylesheet” type = ”text/css” href = ”cool.css” title = ”Cool scene” >
< meta http - equiv = ”Content-Type” content = ”text/html; charset=UTF-8” >
< title > Alternative External Style Sheets </ title >
</ head >
< body >