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…

CSS in linea

In linea quando si ha la necessità di applicare lo stile al solo blocco o parte di codice che stiamo trattando, senza cioè che questo stile vada ad influire su altre parti della stessa pagina web. Per esempio un paragrafo <p> che debba avere determinate caratteristiche ma con la certezza che queste non siano estese a tutti gli altri paragrafi...

CSS: perché "a cascata"?

CSS sta per "Cascading Style Sheets", in italiano fogli di stile a cascata. Qual è il significato esatto del termine "Cascading" (a cascata) in CSS? Ci sono sempre diversi punti di vista, quindi un esempio potrebbe aiutare. "Cascata" in questo contesto significa che più di una regola di stile potrebbe applicarsi a un particolare pezzo di HTML, ci deve essere un...

Come posizionare il Box Model

Abbiamo visto che un box è praticamente un contenitore che inserito in un punto qualsiasi della pagina ne segue il suo flusso naturale generando un ritorno a capo come tutti gli elementi di blocco, ne consegue che più box sarebbero disposti verticalmente uno di seguito all'altro. A causa di questa caratteristica diventa impossibile creare dei layout elaborati usando più...

25 esempi di web design ben riuscito

Spyre Studios è un piccolo studio canadese di webdesign creato da Jonathan Phillips, designer di giorno e chittarrista rock di notte. Ha aperto da poco un blog, in cui inizia analizzando 25 esempi di webdesign che apprezza in modo particolare: alcuni sono siti famosi (A List Apart, Problogger, Woork), altri meno. Nel suo post originale potete vedere quali sono e...

Come posizionare oggetti

Come posizionare oggetti in CSS: la proprietà position specifica il tipo di metodo di posizionamento utilizzato per un elemento (statico, relativo, fisso o assoluto). La proprietà Positon La proprietà position specifica il tipo di metodo di posizionamento utilizzato per un elemento. Esistono quattro valori di posizione diversi: static relative fixed absolute Gli elementi vengono quindi posizionati utilizzando le proprietà top, bottom, left, e right. Tuttavia, queste...

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

15 modi per riconoscere un pessimo designer

Per riconoscere un buon designer abbiamo bisogno di qualche regola, soprattutto se non siamo professionisti del settore. Jacob Cass, in un articolo pubblicato da JustCreativeDesign.com, raccoglie ciò che un buon grafico non dovrebbe fare nei suoi lavori. Qualche regola, dunque, per capire se la persona che abbiamo davanti non fa al caso nostro: scelte che possono apparire banali renderanno amatoriale...

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

Quando usare class o id

Abbiamo bisogno di modi per descrivere il contenuto in un documento HTML / XHTML. Gli elementi di base come <h1>, <p> e <ul> spesso sono sufficienti, ma il nostro set di base dei tag non copre ogni possibile tipo di elemento della pagina o di scelta di layout. Per questo abbiamo bisogno di id e Classi. Per esempio <ul id="nav">, questo ci...

CSS nel foglio esterno

Foglio di style esterno Abbiamo visto come definire uno stile in linea quando ci serve magari una veloce particolarità delimitata ad una sola zona del nostro documento. Abbiamo visto anche come definire uno stile ad inizio pagina al quale tutto il documento faceva riferimento ed uso. Vediamo adesso quello che è in assoluto il più comodo e pratico dei sistemi, quello in cui esiste un foglio...
NON seguire questo link o sarai bannato dal sito!