Come usare i CSS

September 24

CSS sta per Cascading Style Sheets ed è una forma di linguaggio di codifica del computer che si riferisce al layout del testo e delle immagini su un'età Web. CSS non è il sistema più designer-friendly, ma ancora è un modo molto semplice e utile per scrivere il codice per il proprio sito web. Questo codice è sempre in fase di aggiornamento e migliorato e, di conseguenza, quando utilizzato insieme il linguaggio HTML di base e Java script, è possibile venire con alcune pagine Web dal design accattivante.

istruzione

1 Imparare ad usare il linguaggio CSS dentro i tag HTML. Questo è chiamato creazione di stili ed è il primo passo nella comprensione linguaggio CSS. Per esempio, se si stava tentando di ottenere un colore di sfondo utilizzando esclusivamente HTML, il tag sarebbe probabilmente leggere in questo modo: <body bgcolor = "# 000000"> Questo darebbe uno sfondo nero. Tuttavia, se si desidera, è possibile inserire il tag HTML con un attributo CSS per lo stesso articolo, colore di sfondo. E sarebbe simile a questa: <body style = "background: # 000000;"> Questo avrebbe lo stesso effetto del linguaggio HTML di cui sopra, ma ha il vantaggio di utilizzare il linguaggio CSS più recente e migliorato, per in CSS, il attributo background può controllare molto di più di un semplice colore.

2 Creare un foglio di stile interno. Ogni pagina può essere controllato per lingua CSS. Per fare questo si posiziona i tag CSS nella testa di ogni pagina e poi ogni tag effettuerete l'intera pagina, ma solo quella pagina. Per inserire l'attributo di colore di sfondo con i CSS in un foglio di stile interno il codice potrebbe leggere in questo modo <html> <head> <style type = "text / css"> corpo. {Background: # 000000, colore: ffffff,} </ head> <body> </ body> </ html> Questa informazione non solo offre uno sfondo nero come negli esempi precedenti, ma si ottiene anche un colore bianco che sarà applicato a tutto il testo. Notate come l'attributo CSS si trova ora all'interno delle parentesi curlicue.

3 Utilizzare un foglio di stile esterno, che può controllare molte pagine all'interno del sito stesso. Questo è uno dei grandi vantaggi di CSS. È possibile creare un modello per una pagina di base in un luogo separato. Questa pagina web si concluderà con il suffisso "css" e tutte le pagine che sono collegati ad essa condividerà ciò che attribuisce alla pagina dirige. Per collegarsi a una determinata pagina CSS tuo linguaggio HTML sarebbe simile a questa: <html> <head> <link rel = "stylesheet" type = "text / css" href = "myfirststylesheet.css" /> / head> <body> </ body> </ html> Questa notazione sarebbe importare qualsiasi attributi elencati nel foglio di stile separato. Ciò che è veramente grande di questo metodo è che si può collegare molte pagine di questo foglio di stile chiamato "myfirststylesheet.css." Tutte le pagine dovrebbe condividere le proprietà elencate, ma queste proprietà potrebbe essere cambiato in ogni singola pagina, se necessario.

4 Studiare il codice su altri siti web che ti piace. Per trovare il codice della pagina in Internet Explorer, è sufficiente fare clic sull'icona della pagina e sulla voce "Visualizza origine". codice di altre persone deve essere utilizzato solo come linea guida e non dovrebbe mai essere copiato direttamente.

Consigli e avvertenze

  • Un buon posto da visitare per saperne di più e anche per vedere ciò che è possibile è csszengarden.com (vedi Risorse).
  • Studiando il codice di siti web che ti piace è un modo meraviglioso per conoscere la costruzione di pagine Web, ma copiando il codice di Verbatim è plagio ed è una violazione dei diritti d'autore.