Contenuto

• indicazioni
• voce {
• suggerimenti
• avvertimento

Apportare modifiche alle dichiarazioni CSS ("Cascading Style Sheet") applicate a un elemento HTML può sembrare un'attività complessa. Tuttavia, finché si avvicinano sistematicamente, è possibile apportare le modifiche necessarie senza complicazioni. Una singola pagina web può utilizzare le proprietà di stile da più fonti. In questo modo, il tuo compito iniziale sarà quello di scoprire da dove provengono le dichiarazioni per il tuo "div". Una volta individuato, è possibile impedire loro di avere un effetto sull'elemento modificando il codice HTML o CSS.

indicazioni

I siti utilizzano sia HTML che CSS per determinare l'aspetto e lo stile (Comstock / Comstock / Getty Images)

1. Scopri dove è memorizzato il CSS della pagina Web. Il codice CSS può apparire in linea, il che significa che le dichiarazioni di stile sono elencate come parte della marcatura di un elemento come nella sintassi del seguente esempio: Contenuto

   Se questo codice appare all'interno del tuo "div", puoi rimuovere l'intero attributo "stile" con il suo valore. Il codice CSS può apparire all'interno della sezione "head" della pagina come segue: body {background-color: # 000000;}

   Il codice CSS può anche apparire in uno o più file CSS separati con collegamenti nella sezione "head" della pagina come segue:

2. Se la tua pagina ha codice CSS nella sezione "head" o in file separati, dovrai cercare attraverso tutti i codici CSS per cambiare lo stile per il tuo elemento "div".

   
   

3. Controlla il codice CSS che si riferisce agli elementi "div". I CSS possono essere applicati a un tipo di elemento, come il seguente: div {padding: 5px; }

   Se i CSS nella "testata" della tua pagina o file separati hanno l'identificatore "div" usato in questo modo, il codice all'interno del blocco CSS ne influenzerà l'elemento. Per cambiare l'effetto sul tuo "div", ma lascia che il codice sia applicato ad altri elementi "div" nel sito, puoi cambiare il "div" in un diverso tipo di elemento. In alternativa, è possibile modificare il codice CSS da applicare solo agli elementi "div" con un particolare attributo di classe, aggiungendo questo attributo a quegli elementi "div" a cui si desidera applicare il CSS.

4. Controlla il codice CSS che si riferisce alla classe del tuo elemento. Gli elementi HTML hanno attributi di classe come segue: Contenuti principali

   
   

   Se il tuo "div" ha un attributo di classe, vedi il valore dell'attributo nel tuo codice CSS. Può apparire nel suo attributo, come segue: .top {/Dichiarazioni CSS/ }

   In alternativa, può apparire insieme al tipo di elemento come segue: div.top {/Dichiarazioni CSS/ }

   Se viene visualizzato uno di questi, puoi impedire che le dichiarazioni vengano applicate al tuo elemento modificando o rimuovendo l'attributo di classe. La rimozione del codice CSS può influenzare altri elementi con la classe, non solo l'elemento su cui si sta lavorando.

5. Controlla il codice CSS per il tuo ID elemento. Il tuo elemento può avere un attributo ID univoco, come segue: Contenuti principali

   Se il tuo elemento ha un attributo ID, cercalo all'interno del CSS, cercando la seguente sintassi:

   voce {

   /Dichiarazioni CSS/ }

   All'interno di ogni pagina, un valore di attributo ID deve apparire solo una volta, poiché l'ID deve essere univoco. La modifica del valore dell'attributo ID dovrebbe impedire al codice CSS di influenzare l'elemento "div". Puoi ancora cambiare o rimuovere facoltativamente il codice CSS, ma questo potrebbe influenzare gli elementi con lo stesso ID su altre pagine del tuo sito se utilizzano lo stesso codice CSS.

6. Cerca i codici CSS che influiscono sugli elementi padre o figlio del tuo "div". Il codice CSS per gli elementi principali avrà una reazione sul tuo "div", quindi potrebbe essere necessario apportare modifiche a questo codice, anche se potrebbero influire sul resto del tuo sito. Gli elementi all'interno del tuo "div" possono anche avere un codice CSS adattato. Controlla usando lo stesso metodo usato per "div" stesso, lavorando con ciascuno degli elementi figli alla volta.

suggerimenti

• Gli strumenti del browser, come Firebug, possono essere utili quando si cambia codice HTML e CSS.

avvertimento

• Le modifiche a un sito esistente potrebbero avere conseguenze impreviste. Per questo motivo, si consiglia di salvare le copie di tutti i file che si prevede di modificare.