September 3
Cascading Style Sheets (CSS) è un metodo utilizzato per controllare il layout delle pagine web. Gli stili di controllare gli effetti del carattere, colore di sfondo e di interazione collegamento. Ciò che è grande circa CSS è che si creano le classi per le pagine web che vengono aggiunti al aree della pagina senza ricodifica questi effetti per ogni singola pagina web. Un principiante in CSS ha bisogno di conoscere le basi prima di immergersi in tecniche più avanzate.
Prima di capire le basi di CSS, è importante capire pagina web tag HTML. Questi tag definiscono gli elementi di una pagina web. Ad esempio, il tag <p> definisce un paragrafo. Durante la creazione di classi CSS, la CSS si rivolge a elementi specifici nelle pagine. Una volta creata una classe, l'unica cosa che deve essere aggiunto alla tag dell'elemento è il \ "classe \" proprietà. Alcuni webmaster inseriscono gli stili direttamente nell'elemento. Ciò significa che con ogni elemento <p> inserito in una pagina, lo stile deve essere ricreato. Questo rallenta lo sviluppo, e crea un sacco di lavoro in cui stili di pagina vengono modificati. Quando si utilizzano i CSS, invece di cambiare ogni elemento <p> nella pagina di un nuovo stile, l'unico codice che deve cambiare è la classe CSS creato nella pagina CSS.
Classi per i CSS sono definiti in una pagina CSS. Queste pagine sono file separati ospitati sul server web. La pagina di classe CSS termina con l'estensione CSS. Utilizzando il tag <p> come esempio, il webmaster vuole creare uno stile per l'elemento <p> che definisce lo stile del testo e il colore che appare sulla pagina. L'esempio seguente definisce il carattere, il colore e la dimensione che apparirà in una pagina web:
p.myParagraphFont
{
font-family: Verdana, sans-serif
ANDARE
colore blu
ANDARE
font-size: 12pt
}
Nell'esempio precedente, il tipo di carattere che viene visualizzato nel paragrafo è Verdana, il colore è blu, e la dimensione è di 12 punti. La classe viene utilizzata solo nel tag <p>, in modo che il webmaster può scegliere di avere caratteri e stili diversi in altre aree della pagina web.
Ora che la classe è stato creato, deve essere attuata nei tag. In questo esempio, il codice creato è per il tag <p>. La classe è definita nell'elemento utilizzando la seguente sintassi:
<P class = \ "myParagraphFont \"> Il mio testo. </ P>
Inoltre, prima di questa classe sarà efficace, il file di classe CSS deve essere inserito nella pagina web. Il codice seguente include il file di classe CSS. Questo codice deve essere inserito all'interno del tag <head> della pagina web.
<Link rel = \ tipo "stylesheet \" = \ "text / css \" href = \ "myNewClassFile.css \" />