PCdaZERO.it - Guida facile per usare il computer

Acquista o scarica gratis, i libri di "PC da Zero"

CREARE SITI WEB in HTML e CSS    >     Creare Fogli Stile (CSS) Con HTML-Kit





HTML-Kit facilita la creazione dei Fogli Stile;
vediamo come:
1 - dalla scheda Style
2 - clicca appena a destra (sul triangolino nero) della seconda icona a forma di parentesi grafe precedute da un punto.
12-CSS-selectors (3K)
Verrà aperto un menu a discesa.
3 - clicca sul tag H1 (ad esempio).
Oltre al tag H1 verranno inserite le parentesi grafe con pronto il cursore al centro!
4 - Clicca appena a destra (sul triangolino nero) della terza icona a forma di "due punti".
13-CSS-properties (3K)
Favoloso! Si apre un enorme menu a discesa dal quale potrai dichiarare qualsiasi proprietà senza commettere errori di trascrizione.
14-menu-CSS-properties (38K)
5 - clicca sulla voce "font-size" (l'elenco è in ordine alfabetico !).
Oltre al testo "font-size", verranno inseriti i due punti e il punto e virgola con pronto il cursore al centro!
6 - Digita il valore 14 (in questo caso; ma puoi cambiarlo a piacimento)
7 - digita il tipo di scala pt (in questo caso; altri tipi di scala sono "px" ed "em")
8 - sposta il cursore a destra del "punto e virgola"
9 - apri il menu a discesa delle proprietà (l'icona con i due punti)
10 - clicca sulla voce "color"
11a - digita "red" (oppure altri tipi di colore: blue, green, yellow, ecc.)

Oppure per inserire altri tipi di colore,
11b - clicca sulla scheda "Tools"
12b - clicca sul comando "Colors" (icona con 3 puntini colorati)
15-tools-colors (4K)
13b - scegli con un clic il colore desiderato
12 - sposta il cursore a destra del "punto e virgola"
13 - apri il menu a discesa delle proprietà (l'icona con i due punti)
14 - clicca sulla voce "text-align"
15 - digita "center" (per centrare il testo)
Al termine ottieni lo stesso codice creato nella lezione precedente:
...
<style type="text/css">
<!--
h1 { font-size: 14pt; color: red; text-align: center; }
-->
</style>
...

Solo al fine di rendere più leggibile il codice, ti consiglio di svilupparlo su più righe, come da seguente esempio:
...
<style type="text/css">
<!--
h1 {
font-size: 14pt;
color: red;
text-align: center;
}
-->
</style>
...

Salva le modifiche del file "citta-nel-mondo.html" e aprilo con il browser, per verificarne i risultati.

16-risultato-h1 (10K)






Link sponsorizzati