domenica, Giugno 16, 2019
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 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...

Motori di rendering e librerie grafiche, dove sta il problema?

Quando è stato annunciato Google Chrome, uno degli aspetti più evidenziati dai webdesigner era il fatto che, basandosi su Webkit, non sarebbe stato un altro browser su cui provare le proprie pagine. Tutto quello che funzionava su Safari, avrebbe funzionato su Chrome. Non è esattamente così e il problema non riguarda solo Chrome, vediamo perché. FONTE: kilianvalkhof.com

Guida fogli di stile CSS: introduzione

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

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

I selettori ID (Identificatori)

Un selettore ID o identificatore, svolge funzione di etichetta di un contenitore, si possono cioè assegnare dei parametri e marcarli con un ID così che quando serviranno quei parametri, basterà richiamare il nome del selettore (ID) e con esso saranno richiamati tutti i valori a lui associati, valori specificati una sola volta nel foglio di style (interno o esterno...

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

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

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

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 impostare un'immagine come sfondo con CSS

Per impostare un'immagine come sfondo utilizzando il CSS bisogna utilizzare la proprietà background-image. Esempio Ecco un esempio in cui usiamo un'immagine nell'elemento <body>: body { background-image: url("paper.gif"); background-color: #cccccc; } Definizione e utilizzo La proprietà  background-image imposta una o più immagini di sfondo per un elemento. Lo sfondo di un elemento è della dimensione totale dell'elemento, compresi padding e border (ma non margin). Per impostazione predefinita, un'immagine di sfondo viene posizionata nell'angolo in alto...
NON seguire questo link o sarai bannato dal sito!