domenica, Maggio 17, 2020
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…

Creare e inserire grafici in una pagina web? Ecco 10 soluzioni...

Nel creare un'applicazione web, può essere necessario visualizzare graficamente dei dati: l'ultima volta in cui ne ho avuto bisogno, ho iniziato a spulciare le funzioni PHP per la manipolazione delle immagini e ho costruito tutto a mano. Il risultato? Brutto, oltre che faticoso da realizzare e complesso per quanto riguarda la manutenzione. Quando ho letto, su WebTecker.com, un articolo che...

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

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

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

Le classi

Le classi  Qualunque sia la nostra scelta, foglio di style esterno o incorporato, non è detto che si debba necessariamente ridefinire tutti o alcuni degli elementi (tags) di Html, anzi, lasciamoli pure stare così come sono e creiamo noi le varianti che ci servono facendo uso delle classi. Questo di far uso di classi è decisamente il sistema più comodo e...

Grafica: come posizionare gli oggetti 

Se avete letto la parte dedicata ai selettori ID vi sarete resi conto che i CSS non servono solo per assegnare stili al testo ma sono quanto di meglio si possa avere per il posizionamento degli oggetti sulla pagina web. Per oggetti si intende tutto quello che fa parte di una pagina: immagini, testo, tabelle, forms e qualsiasi altra cosa venga racchiusa...

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

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...
NON seguire questo link o sarai bannato dal sito!