Esempio 1 delle meraviglie del css

25 maggio 2005, mercoledì

Tutto con stile

Ecco qui il primo esempio di cosa si può fare con i css.
Qui ho creato un cartello tipico americano semplicemente facendo uso di pochissimo stile.
Ho trovato questo esempio nel web; aveva qualcosina da migliorare e l'ho fatto io cambiando solo alcuni parametri.

come si usa:

nella pagina Html o Xhtml

<p>
<span id="f">Tutto</span>
<span id="t">con</span>
<span id="m">stile</span>
</p>

nel css

p {margin:.5in auto; padding: .5in .75in; width: 5.3in; height: 3.3in; background:black; color:#EB0; line-height: 10em; text-transform:uppercase; font-family: "Stencil","Impact",sans-serif;}
#f {font-size: 1.8in}
#t {font-size: .6in; vertical-align: .4in; border-top: solid .15in; border-bottom: solid .15in; text-align: center;}
#m {font-size:1.4in;}

se lo mettete direttamente sulla vostra pagina lo si mette fra head e /head e lo dovrete incapsulare fra:
<style type="text/css">
e
</style>

avendo l'accortezza, se cambiate le parole e queste sono composte da molti caratteri, di rimpicciolire la grandezza del font per non occupare tutta la pagina in larghezza.