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
Esamineremo in questa lezione le proprietà relative alla gestione dello sfondo. Sin dalle origini di HTML è stato possibile definire un colore o un’immagine di sfondo per le nostre pagine web. La scelta si restringe comunque a due elementi: il corpo principale della pagina (<BODY>) o le tabelle. Un’altra limitazione riguarda il comportamento delle immagini di sfondo: esse vengono infatti ripetute in senso orizzontale e verticale fino a riempire l’intera area della finestra, del frame o della tabella. Proprio questo comportamento ha fatto sempre propendere per la scelta di piccole textures in grado di dare la sensazione visiva dell’uniformità. Grazie ai CSS queste limitazioni vengono spazzate via e le possibilità creative, compatibilità permettendo, sono davvero infinite.
Ecco la lista delle proprietà, applicabili, ed è questa la prima grande innovazione dei CSS, a tutti gli
elementi:
CSS non sarebbero uno strumento così potente senza questi tipi di selettori. Classi e ID sono davvero una delle chiavi per sfruttare al meglio questo linguaggio.
Partiamo dall’inizio. In (X)HTML esistono due attributi fondamentali applicabili a tutti gli elementi: sono, appunto, class e id. Questi selettori hanno la stessa funzione, con la marginale differenza che gli ID si possono richiamare, all’interno della pagina, una sola volta, invece le classi possono essere richiamate sempre in tutta la pagina. Passiamo adesso ad eseminare uno per uno questi selettori.
Le classi Continua a leggere
