Fogli di stile CSS consentono una grande flessibilità e funzionalità da applicare a un sito Web. Utilizzato in combinazione con XHTML 1.0, CSS formattazione può realizzare una vasta gamma di opzioni di formattazione rispetto a quanto possibile con le versioni precedenti del codice HTML. Molti web designer creare modelli CSS da utilizzare su più siti Web. Un modello di foglio di stile CSS contiene la formattazione di base di un sito Web, che possono essere modificati o aggiunti successivamente. Un foglio di stile CSS base viene illustrato come iniziare a sviluppare con codice CSS.

Istruzioni

Creare un modello di semplice CSS

1

Fare clic destro sul menu "Start". Quindi fare clic destro su "Tutti i programmi." Successivamente clicca su "Accessori". Fare clic destro su "Blocco note".

2

Pulsante destro del mouse sulla scheda "File" nel menu di navigazione. Quindi fare clic destro su "Nuovo". Sarà presentato un nuovo documento. Fare clic destro sulla scheda "File". Quindi fare clic destro su "Salva come". Nome del file di testo "samplecss.css" e fare clic destro su "OK".

3

Digitare "/questo è un commento/". Clicca sul tasto "Enter". Successivo

tipo "body {background-color: white;}". Successivamente clicca sul tasto "Enter".

4

Digitare "p {color: blue;}" nell'area di modifica. Cliccare su "Enter".

5

Digitare "h3 {color: black;}". Successivamente clicca su "Invio". Pulsante destro del mouse sulla scheda "File". Quindi fare clic destro su "Salva".

6

Digitare "#paragraph1" e cliccare sul tasto "Enter".

Successivamente digitare "{" e clicca nuovamente sul tasto "Enter".

7

Digitare "text-align: center;" e cliccare sul tasto "Enter". Successivamente digitare in "color: red;" e cliccare sul tasto "Enter". Infine digitare "}" e cliccare sul tasto "Enter".

8

Pulsante destro del mouse sulla scheda "File" nel menu di navigazione. Quindi fare clic destro su "Salva". Fare clic destro su "File". Quindi fare clic destro su "Exit" per chiudere il blocco note.

Consigli & Avvertenze

• Un foglio di stile CSS possa essere lungo con più sezioni di ID. Commenti possono essere collocati in tutto il foglio di stile per aiutare a guidare altri codificatori quando si analizza il codice CSS.
• Controllare sempre il codice XHTML e CSS del foglio di stile con i browser web più importanti per garantire la compatibilità trasversale. Un web browser potrebbe non visualizzare il codice lo stesso come un altro.