Home Web CSS

CSS

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l'idea di che cosa sono, come si adoperano e a che cosa servono i CSS. Leggi tutto...

Gli attributi per il Testo

Prima di passare in rassegna le categorie di attributi vorrei ricordare ancora una volta la loro sintassi, a prescindere da quale dei vari modi deciderete di usare. Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti). Argomenti consecutivi sono separati da un ";" (punto e virgola) invece...

Gli attributi per il posizionamento dei box 

Prima di passare in rassegna le categorie di attributi vorrei ricordare ancora una volta la loro sintassi, a prescindere da quale dei vari modi deciderete di usare. Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti). Argomenti consecutivi sono separati da un ";" (punto e virgola) invece...

Gli attributi per il colore e lo sfondo

Prima di passare in rassegna le categorie di attributi vorrei ricordare ancora una volta la loro sintassi, a prescindere da quale dei vari modi deciderete di usare. Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti). Argomenti consecutivi sono separati da un ";" (punto e virgola) invece...

Gli attributi per il font (carattere)

Prima di passare in rassegna le categorie di attributi vorrei ricordare ancora una volta la loro sintassi, a prescindere da quale dei vari modi deciderete di usare. Abbiamo detto che gli attributi devono essere inseriti all'interno di parentesi graffe { } e laddove in HTML verrebbe usato un "=" (uguale) nei css viene invece usato ":" (due punti). Argomenti consecutivi sono separati da un ";" (punto e virgola) invece...

Conclusioni

Avrei finito, consapevole che ci sarebbe ancora molto da dire, lascio questo compito alla letteratura specializzata o a quei siti che si occupano soltanto di questo argomento. Per quanto mi riguarda considero questa guida più che sufficiente per poter apprendere e capire le varie tecniche di programmazione per questo sistema che si applica al buon "vecchio" HTML. Non mi resta che...

La stampa su carta

Abbiamo visto come definire i vari styli e questi sono interpretati dal browser che li esegue a video, è anche possibile personalizzare un foglio di style specifico per la sola stampa in modo da avere margini, font, interruzioni pagina, nascondere parti che non devono essere stampate ed altro ancora. Per farlo è sufficiente creare un secondo foglio di style al...

I Parametri  

Sono quei valori che vanno specificati negli attributi e variano a seconda dell'attributo usato. Nelle tabelline riportate sotto è possibile rendersi conto di come possono essere espressi, alcuni di essi sono equivalenti, producono cioè lo stesso risultato, in questo caso sarete voi a decidere quale adoperare in base ai vostri gusti necessità ed abitudini. Unità di misura: Ho adoperato l'attributo font-size: esempio; con i...

Gli attributi per gli stili

Gli attributi per gli stili Sono davvero molti i possibili attributi e non credo che riuscirei a descriverli tutti. Alcuni sono di raro utilizzo, altri supportati dai vari browser in modo differente. In queste pagine parleremo soltanto di quelli che si adoperano con una certa frequenza e che funzionano con tutti i browser di ultima generazione. Lascio due links di sicuro...

I link

Abbiamo visto come i CSS siano in grado di cambiare attributi al testo, come e con quale facilità sia possibile posizionare con estrema precisione oggetti grafici e testuali. Esiste anche un'altra novità introdotta dai CSS e riguarda la gestione dei links, si tratta di pseudo classi dinamiche. La tanto odiata sottolineatura e la possibilità di cambiare colore o tipo di...

I Layout fissi e liquidi

Un layout altro non è che una struttura per contenere i dati. Si tratta in pratica di usare box fissi e/o box flottanti per impaginare tutto quello che può far parte di una pagina web. Facendo uso delle informazioni e degli esempi visti in precedenza per il box liquido è possibile creare una struttura molto versatile, in questo esempio due...