Come costruire un foglio di stile CSS interno

June 20

i fogli di stile CSS interni, oppure, sono strumenti web utili se si desidera applicare uno stile unico per una singola pagina web, o se si vuole testare uno stile definito attraverso un'unica pagina web, prima di applicarlo su più pagine di un grande sito web. A differenza del suo cugino, il foglio di stile esterno, il codice del foglio di stile interno è collocato direttamente nella pagina che colpisce; pertanto, non richiede ulteriori file. Approfittate di questo strumento styling web seguendo questi passaggi.

istruzione

1 Usa il tuo programma di editor di software o Notepad HTML preferito per definire lo stile pagina web.

2 Definire lo stile degli elementi della pagina web che si desidera modificare. La struttura CSS richiede una definizione per un selettore, proprietà e il valore. Il seguente codice di fogli di stile CSS definisce lo stile per il corpo e un colpo di testa.

body {

font-size: 12px;<br>
background-color: #cccccc;<br>

}

h1 {

font-size:24px;<br>
color:red;<br>

}

3 Aprire la pagina web che si desidera stilizzare. Mettere i seguenti tag "stile" all'interno dei tag "testa" della pagina web.

4 Incollare il codice CSS definito in "Fase 2" tra i tag "stile", come nel seguente esempio e salvare la pagina.

5 Carica la pagina al tuo web server.

6 Testare il codice CSS che si è creato. Visualizzare la pagina web in un browser web. La pagina mostra lo stile CSS definito se il codice è stato definito in modo corretto.

Consigli e avvertenze

  • Essere consapevoli del fatto che le pagine web con i fogli di stile interni devono caricare le informazioni stile ogni volta che la pagina viene caricata. Un grande blocco di codice aumenta il tempo di pagina di download.

Articoli Correlati