Gli standard Style Sheet (CSS) CSS consentono di definire le proprietà della classe e applicarli alle pagine Web. Codice CSS imposta colori, font e sezioni di layout di pagine HTML in file che sono separati dal contenuto. Si può creare un file esterno di CSS e il file di collegamento alle pagine Web o creare le classi CSS direttamente nella vostra sezione di testa di HTML.

File

File CSS definiscono tutte le classi CSS. Quando si utilizzano il file CSS esterni, è sufficiente impostare le classi in una volta. Se si modifica una classe CSS, le modifiche vengono visualizzati simultaneamente su tutte le pagine. Questo CSS standard rende facile apportare modifiche al layout del sito Web.

Classi

Le classi CSS formattare il layout delle pagine Web. Le classi sono impostate nel file CSS, con la classe di "corpo" all'inizio. È necessario collegare la classe CSS nelle proprietà del tag HTML. Per esempio, i seguenti link codice una classe denominata "myclass" a un "div" contenitore:

< div class = "myclass" > mio contenuto < / div >

Ogni elemento HTML consente di utilizzare la proprietà di "classe" per collegarsi a una classe nel file CSS.

Collegamento

È necessario collegare il file CSS alla pagina Web, quindi collegare l'elemento alla classe che si desidera utilizzare. Il seguente codice inserito nei link sezione head di un file CSS in una pagina Web:

< link href="styles.css" rel = "stylesheet" type = "text/css" >

In questo esempio, i collegamenti di file "Styles. css" nella pagina HTML. Dopo il file collega nella pagina, si collega la classe all'elemento HTML. Per esempio, se si desidera collegare un div contenitore a una classe denominata "myclass," i seguenti collegamenti di codice la classe all'elemento div:

< div style = "myclass" >< / div >

Considerazioni

Classi CSS sono strutture globali quando si posiziona un tag hash davanti al nome della classe. Quando si crea una classe CSS globale, vengono modificati tutti gli elementi HTML con il nome della classe. È necessario assicurarsi che si desidera modificare globalmente le classi quando si modifica il tuo file CSS. Testare il codice del sito Web prima di caricare un nuovo file CSS.