CSS高级文字排版的实例代码
h3.l { font-size: 500%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; float: left; margin: 0; color: #4BCE54; }
h3.lg { font-size: 500%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; float: left; margin: 0; color: #0048E3; }
h3.e { font-size: 500%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 100; float: left; margin: 0; color: #E33B21; font-style: italic; }
.gray { background: #000000; padding: 20px; }
h3.gray2 { font-size: 200%; text-transform: uppercase; font-family: Garamond, Georgia, "Times New Roman";
letter-spacing: .5em; font-weight: 100; color: #FFFFFF; border-top: 1px solid #CCCCCC; border-bottom: #CCCCCC 1px solid; width: 600px; text-align: center; }
h3.fed { color: #660099; letter-spacing: -.08em; font-size: 500%; font-family: Verdana, Arial, Helvetica, sans-serif; }
h3.fed span { color: #999999; margin: 0 0 0 -.1em; font-size: 105%; }
h3.y1 { float: left; font-size: 500%; font-family: Garamond, Georgia, "Times New Roman"; text-transform: uppercase; margin: 0;
font-weight: 0; color: #FF0000; }
h3.y2 { float: left; font-size: 350%; font-family: Garamond, Georgia, "Times New Roman"; text-transform: uppercase; margin: 15px 0 0 -10px; font-weight: 0; color: #FF0000; }
h3.y3 { float: left; font-size: 350%; font-family: Garamond, Georgia, "Times New Roman"; text-transform: uppercase; margin: 8px 0 0px -5px; font-weight: 0; color: #FF0000; }
h3.y4 { float: left; font-size: 300%; font-family: Garamond, Georgia, "Times New Roman"; text-transform: uppercase; margin: 12px 0 0px -5px; font-weight: 0; color: #FF0000; }
h3.y5 { float: left; font-size: 350%; font-family: Garamond, Georgia, "Times New Roman"; text-transform: uppercase; margin: 6px 0 0px -1px; font-weight: 0; color: #FF0000; }
h3.y6 { float: left; font-size: 350%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 4px 0 0px -1px; font-weight: 0; color: #FF0000; }
p.tag a { font-size: 85%; text-align: center; color: #FF3300; }
p.tag a:hover { background: #FFFF66; }
</style>
</head>
<body>
<br />
<h3 class="reflect_1">KINDEK INC</h3>
<h3 class="reflect_2">KINDEK INC</h3>
<h3 class="line_drop">Web Design Rockstarz</h3>
<h3 class="elegant">The chapple De La Ross Johnson</h3>
<h3 class="handwriting">Don't forget to turn off the lights when you leave!</h3>
<h3 class="handwriting2">Don't forget to turn off the lights when you leave!</h3>
<h3 class="handwriting3">Don't forget to turn off the lights when you leave!</h3>
<h3 class="capital">C<span>aptivating, </span>C<span>reative</span></h3>
<h3 class="capital">L<span>ogan's </span>L<span>itigation</span></h3>
<h3 class="capital">Z<span>efer </span>Z<span>oo</span></h3>
<h3 class="capital">B<span>est </span>B<span>uilding</span></h3>
<p class="letters">Potential use for magazine style typography
Close line height and letter spacing,
almost connected lines...</p>
<p class="letters2">Potential use for magazine style typography
Close line height and letter spacing,
almost connected lines...</p>
<p class="letters3">Potential use for magazine style typography
Close line height and letter spacing,
almost connected lines...</p>
<h3 class="newspaper"><span>Webdesign</span> Times</h3>
<h3 class="newspaper2">Webdesign Times</h3>
<h3 class="funky">Fun<strong><em>k</em></strong>y <br /><span> We<em>b<strong>d</strong></em>esign!</span></h3>
<h3 class="el">SATURDAY MARCH 19TH 2046</h3>
<h3 class="num_blend">Rock<span>5</span>tar and a De<span>51</span>gner</h3>
<h3 class="scaps">More Typerighter Style, less cluttered.</h3>
<h3 class="gr">Gray's</h3><h3 class="gr2"> Anatomy</h3>