Cerca nel forum:
Cerca


Autore Messaggio
Messaggio22/06/2010, alle 18:24 (UTC)    
Oggetto: Guida CSS (Nella Pagina)

Salve a tutti!
Questa e' la guida CSS di Andrea Bianchi (http://www.tutorialpc.it/cssmenu.asp)

Nella Pagina
Tags e HTML

A style incorporato Cioè quando allo stesso stile fanno riferimento diversi elementi (tags) html. Sarebbe infatti estremamente dispersivo, oltre che laborioso, definire lo stesso stile più volte all'interno della stessa pagina quando poi servirebbe sempre per lo stesso identico scopo. Molto meglio definirlo una sola volta, ad inizio pagina. Così facendo tutti gli elementi interessati seguiranno quello stesso stile.

In questo caso le istruzioni non saranno più inserite all'interno del singolo elemento (tag), ma ad inizio pagina dichiarate dagli elementi (tags) <style> e </style> posti all'interno della sezione <head> </head>

Questo metodo non impedisce però di fare uso anche di eventuali definizioni di stile in linea, le quali avrebbero priorità sulle dichiarazioni di stile inserite ad inizio pagina.

Da notare che in questo modo si renderanno necessarie le parentesi graffe che delimitano il blocco di istruzioni relativo all'elemento interessato.

Facendo riferimento all'esempio precedente:

Codice:

<style type="text/css">
<!--
p {
text-align : justify;
text-indent : 12px;
}
-->
</style>


Adesso tutto ciò che si troverà all'interno di qualsiasi paragrafo definito con la consueta forma <p></p> subirà lo stile impostato a inizio pagina, a meno che non ne venga creato uno in linea il quale, come ho detto sopra, avrebbe la priorità rispetto all'altro.

Per questo motivo, e lo ripeto ancora una volta, diventa importantissimo non dimenticare mai di chiudere l'elemento che si era aperto, anche nei casi in cui si trattasse di elementi come <p> che in html non necessiterebbero della relativa chiusura </p>.

In questo contesto sono proprio loro, i tags chiusi, a decretare la fine dello style oltre che quella del paragrafo. Dimenticarli potrebbe voler dire indurre il browser ad estendere i parametri dello style a tutto il resto del documento.

Tornando al codice dell'esempio, i due elementi <!-- e --> posti ad inizio e fine blocco, sono gli stessi adoperati in html e servono a far ignorare lo style a tutti quei browser che non dovessero supportarli. Questi elementi infatti così come in html hanno significato di commento, servono cioè soltanto come note, etichette, senza influenzare in alcun modo il browser.

Nell'esempio è stato adoperato l'elemento (tag) <p> ma avrete sicuramente capito che potevamo usare qualsiasi altro elemento valido di html.

Anzi, visto che è possibile, perchè non ridefinire elementi quali <h1>, <h2>, <h3>, ecc. ecc. che di solito non vengono mai adoperati? (almeno questo quanto succede a me).

Così facendo sarebbe come avere a disposizione dei nuovi comandi, o meglio dei nuovi elementi con in più il fatto di averli personalizzati per sfruttarli ancora meglio.

Anche se a dire il vero non ce ne sarebbe alcun bisogno dal momento che con la creazione di "classi", che vedremo più avanti, non esistono limiti al numero di elementi definibili dall'utente, ma era comunque importante sapere che si sarebbe potuto fare anche un'operazione di questo genere.

-_-_-_-_
Distribuzione della GUIDA sotto autorizzazione dell'autore.
Sloong S.p.A. Servizi
______________
Mostra prima i messaggi di:   


Powered by phpBB © 2001, 2005 phpBB Group
phpbb.it