mercoledì, Ottobre 2, 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…

CSS pronti per l'uso da scaricare gratis

Questa è una raccolta di alcuni stili di base che possono tornare utili quando si creano le proprie definizioni di stile. Imparare a fare alcune classi utili per gli stili semplici e come applicarle a una varietà di elementi. Oggi ci accingiamo a scavare un po' di più nel processo di sviluppo. Quando si crea un sito web o un'applicazione...

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

Il Box Model

Se siete dei principianti in assoluto vi consiglio di saltare questa parte della guida passando direttamente ai links. Potrete sempre tornare dopo aver capito i meccanismi ed aver acquisito una certa familiarità con l'uso dei css.  Una delle cose più importanti introdotte con i CSS è il box model che permette di creare una struttura (layout) fatta da rettangoli e/o quadrati,...

Il Box Liquido

Abbiamo visto come si creano i box e come si posizionano correttamente, esiste però una tecnica che prende il nome di box liquido che consentirà al box di adattarsi alla pagina ridimensionandosi automaticamente, proprio come fosse un liquido versato in un recipiente che ne assume la forma, da qui il nome box liquido. Dovendo posizionare un box al centro della pagina abbiamo visto che...

Come realizzare siti web con CSS

C'è stato chiesto spesso come realizzare siti web con CSS, così abbiamo deciso di realizzare una panoramica di tutti i modelli di siti web gratuiti in HTML e CSS. Ecco un elenco di indirizzi da cui scaricare template per creare siti web. Puoi modificare, salvare, condividere e utilizzarli in tutti i tuoi progetti. https://www.w3schools.com/w3css/w3css_templates.asp http://www.free-css.com/free-css-templates https://templated.co/ https://www.freewebtemplates.com/css-templates/ http://www.justfreetemplates.com/web-templates PERCHÉ IMPARARE L'HTML E IL CSS? Tutto...

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

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

Quando usare float

Quando usare float in CSS. Definizione e utilizzo: La proprietà float specifica se una casella (un elemento) dovrebbe "galleggiare" (allinearsi su uno dei lati, destro o sinistro, del suo elemento contenitore). Il contenuto che circonda l’elemento scorrerà intorno ad esso sul lato opposto rispetto a quello indicato come valore di float. Nota: Gli elementi posizionati con absolute ignorano la proprietà float! Leggi...

5 tutorial per creare menu in stile Web 2.0 con i...

In questo post presenterò una raccolta di 5 guide, tratte dagli articoli più popolari dell'ottimo Woork, per creare menu in stile Web 2.0 con i fogli di stile. Le guide prendono spunto dai menu dei social network più famosi, per mostrare come creare cose simili per il nostro sito o blog. Barra di navigazione (Digg.com) Tutorial per realizzare una barra di...

Immagini nel Testo

Quando si devono inserire delle immagini insieme con il testo, queste risultano essere in linea col testo stesso. I Fogli di Style permettono di cambiare questo allineamento tramite la proprietà vertical-align che accetta i seguenti parametri: baseline, top, middle, bottom, sub, super, text-top e text-bottom. Personalmente trovo che il risultato non sia soddisfacente perchè l'iimagine è di solito più alta...
NON seguire questo link o sarai bannato dal sito!