Guida Cambiare Formato Con i FOGLI STILE (CSS)

[Lik]

Un metodo comodo e professionale per cambiare formato ai caratteri, è quello di usare i "Fogli Stile" i cosidetti CSS (Cascading Style Sheet).
In questo modo potrai mantenere ben diviso la forma dal contenuto!

Per impostare il formato dei caratteri (e come vedremo in seguito, della forma di una pagina web), tra i tag <head> devi inserire il seguente codice:

<style type="text/css">
<!--

-->
</style>

----------------------------

1 - da HTML-Kit, posiziona il cursore prima del tag finale </head> (nota la differenza con il tag iniziale <head> ! )
2 - clicca sulla scheda "Style" e premi sulla prima icona a sinistra "Format select …"

Applicalo alla pagina di esempio precedente (citta-nel-mondo.html) e otterrai questo codice:

...
<head>
<title>Le città nel mondo</title>
<style type="text/css">
<!--


-->
</style>
</head>
<body>
<h1>Le città nel mondo</h1>
<h2>Europa</h2>
<h3>Italia</h3>
Roma, Milano, Venezia
...

----------------------------

All'interno del codice/dichiarazione digiterai le informazioni che ti consentiranno di personalizzare lo stile dei TAG.

Ad esempio, se vuoi che il testo che si trova all'interno del TAG <h1> abbia
una dimensione di 14 pt - un colore rosso - e sia centrato,

1 - digita il seguente codice:

...
<style type="text/css">
<!--
h1 { font-size: 14pt; color: red; text-align: center; }
-->
</style>
...

----------------------------

Tradotto in parole:
- digita il tag (senza segni di maggore e minore) sul quale vuoi impostare il formato (es.: h1)
- digita la la parentesi grafa aperta (premi i tasti ALTGR+MAIUSC+[ oppure ALT+1+2+3)
- digita font-size (imposta la dimensione del testo o font)
- digita i due punti
- digita un valore numerico seguito dal tipo di scala (pt o px o em)
- digita il punto e virgola (per indicare la fine della dichiarazione di stile)
- digita color (imposta il colore del testo)
- digita i due punti
- digita il nome del colore in lingua inglese (red, nell'esempio)
- digita il punto e virgola
- digita tex-align (imposta l'allineamento del testo)
- digita i due punti
- digita il tipo di allineamento (center o left o right)
- digita il punto e virgola
- digita la la parentesi grafa chiusa (premi i tasti ALTGR+MAIUSC+] oppure ALT+1+2+5).

Perfavore, Entra oppure Registrati per vedere i Link!

 

[USA]

Bravo, ottima guida.

 

[Dvdxseo]

Molto semplice..

 

[Lik]

Bravo, ottima guida.

Grazie!

Molto semplice..

Sì, hai ragione.. ma può sempre servire.

 

[Virtox]

Bravo, ottima guida.

 

[Lik]

Grazie mille ^^

 

[samos65]

é un pò confusionaria :S
poi secondo me è meglio fare un file .CSS e poi importarlo nell'html mettendo la stringa

Perfavore, Entra oppure Registrati per vedere i codici!

 

[Lik]

Io ho solo Postato :°°:

 

[samos65]

non è un rimprovero ^^ è solo un consiglio

 

[Lik]

Ok, però io non posso farci nulla.. non sono il creatore della Guida!

 

[Vector]

Semplice, ma comunque bravo per averlo postato. ;-)

 

[Lik]

Grazie Vector ;)

 

[ExSoax]

Molto semplice, ma bravo comunque per la disponibilità e la semplicità

 

[Lik]

Grazie ;)

 

[ExSoax]

Di nnt, io il CSS l'ho imparato (ALL'INIZIO) su mrwebmaster.it e sui articoli di forum e web xD

 

[Lik]

Complimenti allora >_>

 

[Virtox]

Bravo, bella guida ;)

 

[Lik]

Grazie mille ;)

 

[Virtox]

Fonte:

Perfavore, Entra oppure Registrati per vedere i Link!

​

 

[Lik]

La fonte c'è già >_>