CSS教程:CSS控制网页文字排版实例

2020-05-10 13:26:41易采站长站整理

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>