Corsi on-line

Guida CSS

Guida di base alla stilizzazione di pagine web mediante CSS (Cascading Style Sheets). L'utente viene guidato partendo dalle caratteristiche del linguaggio per poi passare agli aspetti pratici come la formattazione del testo, degli elenchi e dei link, la gestione del box model e la creazione di un layout table-less.
  • CommentiScrivi un commento
  • ForumDiscuti sul forum
  • Introduzione ai fogli di stile CSS

    Lezione 1 - CSS Ŕ l'acronimo di Cascading Style Sheets, ovvero "fogli di stile a cascata" o, pi¨ brevemente, fogli di stile. Si tratta del linguaggio standard ...

    2.366 lettori
  • Fogli di stile interni, esterni e stili inline

    Lezione 2 - Nella precedente lezione abbiamo visto che lo scopo dei CSS Ŕ quello di separare la formattazione dalla struttura del documento: se la seconda Ŕ de...

    5.984 lettori
  • L'attributo media

    Lezione 3 - Nella precedente lezione abbiamo visto come integrare delle istruzioni CSS all'interno di un documento HTML. In questa lezione presenteremo un impo...

    910 lettori
  • Regole, commenti e direttive

    Lezione 4 - Nella seconda lezione della nostra guida abbiamo visto come utilizzare i CSS all'interno di un documento HTML. Abbiamo visto, infatti, che Ŕ possib...

    1.133 lettori
  • Selettori: universale, per tipo, classe e ID

    Lezione 5 - Nella precedente lezione abbiamo visto come costruire una regola CSS ed abbiamo visto che il primo elemento (partendo da sinistra) prende il nome d...

    4.074 lettori
  • Selettori di relazione e per attributo

    Lezione 6 - Nella passata lezione abbiamo visto i selettori di base, ovvero i selettori utilizzati pi¨ di frequente attraverso i quali Ŕ possibile far fronte a...

    1.090 lettori
  • Pseudo classi e pseudo elementi

    Lezione 7 - Le pseudo-classi sono un concetto fondamentale per chi lavora coi CSS. Attraverso le pseudo-classi non si definisce l'aspetto di un elemnto ma di u...

    1.334 lettori
  • EreditarietÓ

    Lezione 8 - Uno dei concetti fondamentali dei CSS Ŕ quello di ereditarietÓ, in questa lezione cercheremo di spiegare, in modo semplice, cos'Ŕ e come sfruttarla...

    593 lettori
  • Risoluzione dei conflitti tra stili

    Lezione 9 - Abbiamo appena visto, al termine della lezione precedente, come si risolve un primo "conflitto" tra regole discordanti: abbiamo visto, infatti, che...

    644 lettori
  • Il Box Model

    Lezione 10 - A partire da questa lezione iniziamo a parlare delle proprietÓ CSS per l'attribuzione degli stili agli elementi, a comprenderne il significato e ad...

    1.765 lettori
  • Box Model: le proprietÓ width, height e overflow

    Lezione 11 - Nella lezione precedente abbiamo introdotto il box-model di CSS, mentre a partire da questa lezione vedremo di illustrarne le principali proprietÓ,...

    1.146 lettori
  • Box Model: le proprietÓ padding e margin

    Lezione 12 - In questa lezione vedremo le proprietÓ padding e margin ovvero, rispettivamente, la spaziatura interna ed esterna al box. La proprietÓ padding Tr...

    2.261 lettori
  • Box Model: la proprietÓ border

    Lezione 13 - Ultima famiglia di proprietÓ attinenti al concetto di Box-model Ŕ quella relativa alla gestione dei bordi. Attraverso queste proprietÓ CSS consente...

    1.292 lettori
  • Background: gestione dello sfondo coi CSS

    Lezione 14 - Con la scorsa lezione abbiamo esaurito la rassegna delle proprietÓ CSS tipiche del box-model. A partire da questa lezione passeremo in rassegna le ...

    4.900 lettori
  • Definire un colore per il testo: la proprietÓ color

    Lezione 15 - Abbiamo giÓ affrontato le tematiche relative al colore nei CSS in due precedenti lezioni, pi¨ precisamente nella lezione dedicata alla stilizzazion...

    447 lettori
  • Stilizzare e formattare il testo

    Lezione 16 - Vediamo come sfruttare CSS per applicare una stilizzazione agli elementi di testo e definire il tipo di carattere, la dimensione del font, il corsi...

    5.842 lettori
  • Gestire la disposizione del testo nello spazio

    Lezione 17 - Oltre a quelle citate esistono diverse altre proprietÓ per la stilizzazione del testo attraverso le quali Ŕ possibile definirne, in modo estremamen...

    2.587 lettori
  • Stilizzare i link

    Lezione 18 - La stilizzazione dei link attraverso i codici CSS non prevede comandi specifici se non quelli che giÓ abbiamo visto per il testo, una sua trattazio...

    1.061 lettori
  • Stilizzare liste e tabelle

    Lezione 19 - Stilizzare le liste Attraverso i CSS Ŕ possibile agire sulla presentazione delle liste, cioŔ sull'aspetto di liste ordinate () e non ordinate (). ...

    1.254 lettori
  • Stilizzare il cursore del mouse

    Lezione 20 - Attraverso i CSS Ŕ possibile stilizzare anche l'aspetto del cursore del mouse; per farlo si fa ricorso alla proprietÓ cursor. Questa proprietÓ pre...

    1.115 lettori
  • Le proprietÓ display e visibility

    Lezione 21 - La proprietÓ display Una proprietÓ fondamentale di CSS Ŕ sicuramente display. Attraverso questa proprietÓ, infatti, Ŕ possibile definire il modo i...

    927 lettori
  • Posizionare gli elementi

    Lezione 22 - I CSS permettono di "giocare" con gli elementi di una pagina in modo da posizionarli dove si preferisce, a prescindere cioŔ dalla naturale posizion...

    755 lettori
  • Gestire la sovrapposizione di elementi

    Lezione 23 - Abbiamo visto come, attraverso i CSS, possiamo gestire ogni aspetto della presentazione degli elementi della pagina; nella precedenti lezioni abbia...

    2.694 lettori
  • Creazione di un layout table-less

    Lezione 24 - Concludiamo la nostra guida di base all'utilizzo dei CSS analizzando due proprietÓ fondamentali, ovvero float e clear. Queste due proprietÓ (che no...

    5.229 lettori
Corsi
Altre Guide