Apportare modifiche alle dichiarazioni CSS (Cascading Style Sheet) applicato a un elemento HTML può sembrare un compito complesso. Tuttavia, finché si avvicina sistematicamente, si dovrebbe essere in grado di apportare le modifiche necessarie senza troppo stress. Una singola pagina Web può utilizzare le proprietà di stile da più fonti, così il vostro compito iniziale sarà di scoprire da dove vengono le dichiarazioni per il tuo "div". Una volta individuato, è possibile interrompere le dichiarazioni da avere un effetto sull'elemento modificando il codice HTML o CSS.

Istruzioni

1

Scopri dove è memorizzata la pagina Web codice CSS. Codice CSS può essere visualizzato in linea, il che significa che le dichiarazioni di stile sono elencate come parte del markup di un elemento come la sintassi di esempio seguente:

< div style = "color: #FF0000;" > contenuto < / div >

Se questo codice viene visualizzato all'interno del tuo "div" è possibile rimuovere l'attributo di "stile" tutto insieme al suo valore. Codice CSS potrebbe essere visualizzato all'interno della sezione head della pagina come segue:

< style type = "text/css" >

body {background-color: #000000;}

< / stile >

Codice CSS può anche appaiono in uno o più file CSS separati con i link nella sezione head della pagina come segue:

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

Se la pagina è codice CSS in testa o in file separati, sarà necessario guardare tutto il codice CSS per modificare lo stile per l'elemento "div".

2

Verifica per il codice CSS, fare riferimento agli elementi "div". CSS può essere applicato a un tipo di elemento, come nell'esempio seguente:

div # {

padding: 5px;

}

Se il CSS in testa di pagina o file separati ha l'identificatore "div" utilizzato in questo modo, il codice all'interno del blocco CSS toccheranno il vostro elemento. Per modificare l'effetto sul tuo "div", ma lasciare il codice da applicare agli altri elementi "div" nel sito, è possibile modificare il tag "div" a un tipo di elemento diverso. In alternativa, è possibile modificare il codice CSS da applicare solo agli elementi di "div" con un attributo di classe particolare, l'aggiunta di questo attributo a quegli elementi "div" si desidera che il CSS da applicare al.

3

Verifica per il codice CSS che fa riferimento alla classe elemento. Elementi HTML possono avere attributi di classe come segue:

< div class = "top" > alto contenuto < / div >

Se il tuo "div" dispone di un attributo di classe, cercare il valore dell'attributo nel codice CSS. Il valore dell'attributo può apparire solo come segue:

{. Top

/Le dichiarazioni CSS/

}

In alternativa è possibile apparire insieme al tipo di elemento come segue:

div.Top () {

/Le dichiarazioni CSS/

}

Se uno di questi vengono visualizzati, è possibile impedire le dichiarazioni da applicare all'elemento da cambiare o rimuovere l'attributo di classe. Rimuovendo il codice CSS può influenzare altri elementi con la classe, non solo l'elemento che si sta lavorando con.

4

Verifica per il codice CSS che fa riferimento all'ID di elemento L'elemento può avere un attributo ID univoco come segue:

< div id = "voce" > alto contenuto < / div >

Se l'elemento ha un attributo ID, controllare per esso all'interno del CSS cercando la seguente sintassi:

{titolo

/Le dichiarazioni CSS/

}

All'interno di ogni pagina, un valore di attributo ID dovrebbe apparire solo una volta, come l'ID è pensata per essere unico. Cambiare il valore dell'attributo ID deve impedire che il codice CSS che interessa l'elemento "div". Facoltativamente, è possibile modificare o rimuovere il codice CSS, ma questo può influenzare gli elementi con lo stesso ID su altre pagine del sito, se usano lo stesso codice CSS.

5

Verifica per il codice CSS che interessano gli elementi padre o figlio del tuo "div". Codice CSS per gli elementi padre avrà un colpo sull'effetto sul tuo "div" quindi potrebbe essere necessario apportare modifiche a tale codice, anche se questi cambiamenti possono influenzare il resto del tuo sito. Gli elementi all'interno del tuo "div" possono anche avere su misura CSS codice, così questo controllo utilizzando lo stesso metodo utilizzato per il "div" stessa, lavorando attraverso gli elementi figlio a sua volta.

Consigli & Avvertenze

• Strumenti del browser come Firebug possono essere utile quando si modifica il codice HTML e CSS.
• Le modifiche a un sito Web esistente possono avere conseguenze impreviste. Per questo motivo che si potrebbe desiderare di salvare copie di qualsiasi file prevedete di cambiare.