I fogli di stile (CSS)

I CSS (Cascading Style Sheets) o Fogli di stile, sono stati introdotti dalla Microsoft dalla versione 3 di Internet Explorer, poi adottati anche da Netscape Navigator dalla versione 4. I CSS sono oggi standard W3C nelle raccomandazioni CSS1, ecc.

Con l'uso dei CSS possiamo agire esternamente al codice HTML embedded (incorporato) negli script php. I fogli di stile infatti possono essere incorporati in ogni singola pagina HTML o esterni. Oscommerce e OpenCommercio usa un file esterno ai singoli script php, denominato stylesheet.css. Esso permette di indicare al browser come impaginare le informazioni del documento HTML invece di scrivere direttamente i tag relativi alla formattazione dei dati. Ci evita di dover riscrivere i tag di formattazione prima di ogni testo del sito, incorpandoli in un unico file .css e richiamando con una costante anche formattazioni pi complesse e lunghe. Praticamente una modellazione (templating) della formattazione del sito.

Per esempio si potrebbe imporre che certe righe di testo siano visualizzati con un certo font, una certa dimensione, in grassetto, con un certo colore, ecc., persino inserire i colori dei bordi di blocchi, ecc.

I fogli di stile perciò definiscono sia la formattazione dei testi inclusi nel negozio, sia degli sfondi e dei bordi di tutte le pagine e di tutti i blocchi.

La sintassi è la seguente:

Selettore {

proprietà:valore;

}

esempio: .boxText { font-family:Verdana;Arial;sans-serif;font-size:10px; }

vuol dire : il testo dei box(blocchi) deve essere indicato con la famiglia di font (famiglia perchè se uno dei font non fosse disponibile per quel browser, allora c’è l’altro font). In questo caso la proprietà è font-family:indicazione di diversi valori separati dal punto e virgola. Altra proprietà font-size, dimensione carattere:10 pixel (unità di misura della dimensione dei caratteri, standard dei vari editor di testo). Ogni coppia proprietà:valore è separata dalla successiva mediante punto e virgola. Tutte le coppie sono racchiuse tra parentesi graffe.