Il centro dello stile del sito e' il foglio di stile (css), che serve ad evitare che per ogni tabella, per ogni titolo, per ogni paragrafo, per ogni elemento, vada specificato lo stile. Per velocizzare le inserzioni e per non dover controllare il punto e virgola ad ogni riga lo inserisco prima invece di dopo le scritte.
Ecco riportato il css con le spigazioni laterali:
html
{
;background-color:#000000
}
|
Stile del html, cioe' hyper text markup language. Cio' che scriviamo qui riguarda l'intera pagina html. |
body
{
;margin:15px
;padding:0px
;border:none
}
|
Stile del body, cioe' corpo. Il body si puo' considerare la parte visibile del html, quindi cambiera' praticamente tutto il visibile nell'output a video. |
h1
{
;background-color:#660066
;color:#ffcc00
;font-family:freeserif
;font-size:30px
;font-weight:normal
;font-style:normal
;margin:0px
;padding:0px
;border:none
}
|
Stile del h1, cioe' il primo heading, cioe' titolo. |
h2
{
;background-color:#660066
;color:#ffcc00
;font-family:freeserif
;font-size:20px
;font-weight:normal
;font-style:normal
;margin:0px
;padding:0px
;border:none
}
|
Stile del h2, cioe' il secondo heading, cioe' titolo. |
p
{
;color:#ff6600
;font-family:freeserif
;font-size:16px
;font-weight:normal
;font-style:normal
;margin:0px
;padding:0px
;border:none
;text-align:justify
}
|
Stile di un p, cioe' paragraph, cioe' paragrafo. |
ul
{
;color:#ff6600
;font-family:freeserif
;font-size:16px
;font-weight:normal
;font-style:normal
;margin-right:15px
;margin-left:15px
;margin-top:0px
;margin-bottom:0px
;padding:0px
;border:none
;text-align:justify
}
|
Stile di una unordered list, cioe' lista non ordinata. |
table
{
;border-collapse:collapse
;width:100%
}
|
Stile di una table, cioe' tabella. |
td
{
;color:#ff6600
;font-family:freeserif
;font-size:16px
;font-weight:normal
;font-style:normal
;margin:0px
;padding:10px
;border:1px solid #660066
}
|
Stile di un table data, cioe' cella di una tabella. |
a{text-decoration:none}
a:link{color:#ff9900}
a:visited{color:#ff9900}
a:active{color:#ff9900}
a:hover{color:#ff6600}
|
Stile dei links. |