HTML and CSS Reference
In-Depth Information
Figure 6.3
A sample blog post teaser using
font
-based and
text
-based properties
HTML
1.
<h2><a href="#">I Am a Builder</a></h2>
2.
3.
<p class="byline">Posted by Shay Howe</p>
4.
5.
<p class="intro">Every day I see designers and developers working
alongside one another. They work intelligently in pursuit of
business objectives. They work diligently making exceptional
products. They solve real problems and take pride in their work.
They are builders. <a href="#">Continue…</a></p>
CSS
1.
h2,
2.
p {
3.
color: #555;
4.
font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
5.
}
6.
a {
7.
color: #648880;
8.
}
9.
a:hover {
10.
color: #293f50;
11.
}
12.
h2 {
13.
font-size: 22px;
14.
font-weight: bold;
15.
letter-spacing: -.02em;
16.
margin-bottom: 6px;
17.
}
18.
h2 a {
19.
text-decoration: none;
20.
text-shadow: 2px 2px 1px rgba(0, 0, 0, .2);
21.
}
22.
.byline {
23.
color: #8c8c8c;
Search WWH ::
Custom Search