Una delle esigenze più comuni in questo web 2.0 è quella di arrotondare un po tutto. Creare box con angoli arrotondati, quindi, permette di dimenticare quel tipo di grafica squadrata – tipica dei design tabellari – cui il web ci ha abituato sin dalle sue origini.
Le forme piu libere infatti creano effetti visivi gradevoli e decisamente piu “soft” rappresentando una soluzione semplice ma davvero efficace per mettere in risalto determinate aree della nostra pagina web. Continua a leggere
Indipendentemente dalla specificità del selettore, singole dichiarazioni possono assumere la massima priorità se seguite da ” !important ” (senza virgolette). Vediamo uno stralcio di codice: Continua a leggere
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
