August 29
CSS o Cascading Style Sheets, è un linguaggio di stile-foglio utilizzato in concerto con l'HTML per la progettazione di pagine Web. CSS fornisce agli sviluppatori un maggiore controllo su come una pagina guarda e si sente. Un modo la lingua realizza questo è attraverso l'uso di "contenitori" scatole rettangolari che contengono testo, immagini o altro contenuto. I contenitori forniscono la struttura di una pagina web, anche se non sono immediatamente visibili. Contenitori migliorano anche l'usabilità per gli utenti con differenti impostazioni del browser.
In CSS, pagine sono costituiti da contenitori, ciascuno dei quali contiene testo, collegamenti e altre informazioni. Queste scatole possono essere posizionati davanti o dietro l'altra. I progettisti possono cambiare le dimensioni e l'orientamento dei contenitori CSS; essi possono essere allineati uno accanto all'altro e distanziati. I contenitori possono avere colori e confini definiti, oppure possono essere elementi strutturali invisibili. I contenitori sono sempre rettangolare, ma possono essere disposti per simulare forme più organiche.
I contenitori forniscono una maggiore flessibilità di progettazione e un maggiore controllo rispetto alle tabelle, il metodo di formattazione principale utilizzato in HTML. A differenza di tavoli, contenitori non limitano le pagine a forma di griglia. Dal momento che più contenitori possono essere sovrapposti, i progettisti possono creare un aspetto nidificato o un testo float e immagini sovrapposte. contenitori opportunamente progettati aumentano anche pagina accessibilità. Essi mostrano il testo nell'ordine corretto per gli utenti con browser solo testo, browser Braille e altre applicazioni di visualizzazione non standard. Quando formattata con valori percentuali, contenitori mantenere il testo leggibile senza scorrere, anche per gli utenti che navigano usando caratteri più grandi.
I contenitori hanno una proprietà di posizionamento, che può essere assoluta o relativa. Posizionamento assoluto pone il contenitore in un punto specificato nella pagina. Il posizionamento relativo pone il contenitore in un punto rispetto ad altri elementi della pagina. Posizionamento assoluto contenitore funziona meglio quando un contenitore deve restare, non importa che cosa appare sulla pagina. Il posizionamento relativo funziona meglio quando la pagina ha bisogno di guardare lo stesso in finestre di dimensioni diverse e su diversi browser.
Le dimensioni e la forma di un contenitore dipende da due proprietà: larghezza e altezza. Come posizionamento, questi possono essere specificati sia come valori assoluti o relativi. contenitori assoluti sono specificate in termini di pixel, mentre relativi contenitori sono specificate come percentuale dei loro elementi padre. Così, un contenitore specificato come "50%" largamente sarebbe metà della larghezza maggiore, contenitore principale circonda. I progettisti possono combinare dimensioni relative e assolute all'interno di un contenitore, rendendo la sua altezza fissa, ma la sua larghezza flessibile. In questo modo le pagine di modificare la larghezza per adattarlo alle diverse risoluzioni dello schermo, senza perdere o guadagnare troppo altezza.
contenitore CSS stratificazione permette per i disegni più dinamici di semplice HTML. I progettisti ordino stratificazione utilizzando la "z-index", che può essere automatica o specificati utilizzando un numero. Un elemento con un numero più elevato sarà sempre visualizzato su di un elemento con un numero inferiore. I progettisti possono utilizzare i numeri sia positivi che negativi per z-index del contenitore.