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…

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

Dalla carta al web: webdesign e qualche buon libro da leggere

Quello del webdesigner è un mestiere che ha bisogno di molta pratica: si impara provando, analizzando il codice degli altri, facendo errori e provando di nuovo. Anche la teoria, però, vuole la sua parte: oltre alle guide online, un buon vecchio libro può spesso tornare utile, perchè in fondo la lettura su carta è meno faticosa e perchè, se...

CSS nella pagina

A style incorporato Cioè quando ad un determinato stile fanno riferimento più elementi (tags) html uguali nella stessa pagina. Sarebbe estremamente dispersivo, oltre che laborioso, definire sempre lo stesso stile più volte all'interno della stessa pagina visto che servirebbe sempre per lo stesso identico scopo. Molto meglio definirlo una sola volta, ad inizio pagina. Così facendo tutti gli elementi interessati...

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

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

Usare div come tabella

Usare i <div> al posto delle tabelle è facile grazie a questo strumento gratuito. Con questo tool online puoi modificare l'editor visuale a sinistra o l'editor di origine sulla destra, e vedere il cambiamento in tempo reale. Imposta le preferenze e fai clic sul pulsante "HTML Clean" per avviare la pulizia del codice sorgente HTML. Potrai poi applicare ai div il...

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

CSS: cos'è e a cosa serve

Cascading Style Sheets ( CSS ) in italiano Fogli di stile a cascata, è un linguaggio di stile utilizzato per descrivere la presentazione di un documento scritto in un linguaggio di markup . Anche se più spesso utilizzato per impostare lo stile visivo delle pagine web e interfacce utente scritte in HTML e XHTML , il CSS può essere applicato a...
NON seguire questo link o sarai bannato dal sito!