La parte dei CCS relativa al posizionamento degli elementi è un argomento complesso che studiato a fondo ci permetterà di creare architetture di pagine anche senza il minimo utilizzo di tabelle.
Grazie a questi principi dei CSS potremo creare i nostri layout di pagina staccandoci definitivamente da quelle che sono le limitazioni che una tabella può dare. I più attenti si saranno accorti che al momento la struttura delle pagine di questo sito è in parte ancora tabellare, ma mentre vi sto scrivendo questa guida sono il Libano (Gennaio 2009), in missione con il Reggimento Lagunari “Serenissima” e il tempo è davvero poco per mettersi sul pc a studiare un bel design con i <DIV> e solo, ripeto solo, per praticità ho creato velocemente con Dreamweaver un design tabellare e quando posso su un foglio di block notes mi scrivo le lezioni. Pura passione! Un anno fa mi hanno defacciato il sito sfruttando il bug del forum PhpBB2 e ho perso tutto il lavoro…sto riscrivendo tutto aggiungendo però tutto quello che ho imparato.
Ok bando alle ciance! Ho intenzione di affrontare la questione in due lezioni. Nella prima esamineremo la proprietà position e le diverse modalità di posizionamento. Nella seconda vedremo con quali proprietà è possibile posizionare con precisione gli elementi e gestirne alcuni decisivi aspetti visuali. Continua a leggere
Prima di parlare della gestione dei link bisogna capire cosa sono le pseudo-classi. Grazie a questa secondo me potentissima funzione dei css, che per altro è assolutamente facile da utilizzare, possiamo definire diversi stili ai nostri collegamenti ipertestuali piu comodamente chiamati link.
Una pseudo-classe non definisce infatti un elemento ma uno stato di quest’ultimo. In buona sostanza imposta uno stile per un elemento al verificarsi di certo stato. Continua a leggere
Se c’è un aspetto essenziale dei CSS questo è il nuovo approccio che hanno introdotto per la gestione del testo. Prima con l’html c’era il tag <FONT>: pagine pesanti e difficili da gestire. Oggi qualcosa che può trasformare una pagina web in un perfetto esempio di stile tipografico e che finalmente consente, almeno in parte, la potenza e la flessibilità di un word-processor.
Le proprietà che definiscono il modo in cui il testo appare sullo schermo sono tante e abbiamo deciso di descriverne solo le piu diffuse. Sono quelle che definiscono i seguenti aspetti: Continua a leggere
Come abbiamo precedentemente detto i fogli di stile possono essere inclusi nelle pagine HTML in 3 modi differenti:
Fondamentalmente ci sono tre metodi per usare i CSS e li esamineremo uno ad uno nella prossima lezione, quale sia la migliore scelta da fare lo valuterete voi. Concentriamoci adesso su quella che è la sintassi dei CSS.
