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.462 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...

    6.399 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...

    979 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.233 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.272 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.170 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.467 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...

    652 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...

    684 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.813 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.237 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.620 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.482 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 ...

    5.303 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...

    478 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...

    6.338 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...

    3.009 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.101 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.307 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.151 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...

    1.024 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...

    815 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.839 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.473 lettori
Corsi
Altre Guide