HTML and CSS Reference
In-Depth Information
font-style: italic;
line-height: 20px;
text-shadow: 1px 1px 1px #779;
/* Adds a gradient fade */
background: #889;
background-image: -webkit-linear-gradient(top, #aac 0%, #88a 100%);
background-image: -moz-linear-gradient(top, #aac 0%, #88a 100%);
background-image: -o-linear-gradient(top, #aac 0%, #88a 100%);
background-image: -ms-linear-gradient(top, #aac 0%, #88a 100%);
background-image: linear-gradient(top, #aac 0%, #88a 100%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, #aac),
color-stop(1, #88a)
);
}
footer p {
margin: 0;
color: #889;
font: italic 12px/1.67em sans-serif;
text-align: center;
text-shadow: 1px 1px 1px white;
}
save these rules in 02.css ; then save and refresh the htMl file to see the rules take effect (see Figure 2-2 ). For
best results, use an up-to-date browser that supports Css3 effects, but the stylesheet will work in any browser
because only non-essential effects were added with Css3.
Figure 2-2. The (slightly updated) HTML file with a CSS stylesheet applied
Search WWH ::




Custom Search