Sisu

• Juhised
• rubriiki
• Kuidas
• Teade

CSS-deklaratsioonide muutmine ("Cascading Style Sheet"), mida rakendatakse HTML-elemendile, võib tunduda keerulisena. Seni, kuni süstemaatiliselt lähenetakse, on võimalik teha vajalikke muudatusi ilma tüsistusteta. Üks veebileht võib kasutada stiili omadusi mitmest allikast. Sel moel on teie algne ülesanne teada saada, kust teie "div" kohta esitatud deklaratsioonid pärinevad. Kui olete asukoha leidnud, saate HTML- või CSS-koodi muutmisega takistada neil elementi mõjutada.

Juhised

Saidid kasutavad välimuse ja stiili määramiseks nii HTML-i kui ka CSS-i (Comstock / Comstock / Getty Images)

1. Uuri välja, kus veebilehe CSS on salvestatud. CSS-kood võib olla inline, mis tähendab, et stiilideklaratsioonid on osa elemendi märgistamisest nagu järgmise näite süntaksis: Sisu

   Kui see kood ilmub teie "div", saate kogu "stiili" atribuudi selle väärtusega eemaldada. CSS-kood võib ilmuda lehe "pea" osas järgmiselt: keha {taustavärv: # 000000;}

   CSS-kood võib esineda ka ühes või mitmes eraldi CSS-failis, millel on lingid lehe "pea" osas järgmiselt:

2. Kui teie lehel on jaotises "pea" või eraldi failides CSS-kood, peate läbi vaatama kogu CSS-koodi, et muuta oma "div" elemendi stiili.

   
   

3. Kontrollige, kas CSS-kood viitab "div" elementidele. CSS-i saab rakendada elemendi tüübile, nagu näiteks: div {polster: 5px; }

   Kui CSS "lehe" või eraldi failide "pea" kasutab sel viisil identifikaatorit "div", mõjutab CSS-ploki sees olev kood selle elementi. "Div" -le avaldatava efekti muutmiseks, kuid lase koodil rakendada teisi "div" elemente saidil, saate "div" muuta erinevaks elemendi tüübiks. Teise võimalusena saate muuta rakendatava CSS-koodi ainult teatud klassi atribuudiga "div" elementidele, lisades selle atribuudi neile "div" elementidele, millele soovite CSS-i rakendada.

4. Kontrollige, kas CSS-kood viitab teie elemendi klassile. HTML-elementidel on klassi atribuudid järgmiselt: Top sisu

   Kui teie "div" -il on klassi atribuut, vaadake atribuudi väärtust oma CSS-koodis. See võib ilmuda oma atribuudis järgmiselt: .top {/CSS-deklaratsioonid/ }

   
   

   Alternatiivina võib see ilmuda koos elemendi tüübiga järgmiselt: div.top {/CSS-deklaratsioonid/ }

   Kui üks neist ilmub, saate takistada deklaratsioonide esitamist teie elemendile, muutes või eemaldades selle klassi atribuuti. CSS-koodi eemaldamine võib mõjutada teisi klassi elemente, mitte ainult töödeldavat elementi.

5. Kontrollige oma elemendi ID CSS-koodi. Teie elemendil võib olla kordumatu ID-atribuut, mis on järgmine: ülemine sisu

   Kui teie elemendil on ID atribuut, otsige seda CSS-is, otsides järgmist süntaksit:

   rubriiki

   /CSS-deklaratsioonid/ }

   Igal lehel peaks ID atribuudi väärtus ilmuma ainult üks kord, kuna ID peab olema unikaalne. ID-atribuudi väärtuse muutmine peaks takistama CSS-koodi "div" elemendi mõjutamist. CSS-koodi saate siiski valikuliselt muuta või eemaldada, kuid see võib mõjutada sama ID-ga elemente, mis on teie saidi teistel lehekülgedel, kui nad kasutavad sama CSS-koodi.

6. Otsige CSS-koode, mis mõjutavad teie "div" vanema või lapse elemente. Vanemate elementide CSS-kood reageerib teie "div" -le, nii et peate võib-olla tegema selle koodi muudatusi, kuigi need võivad mõjutada ülejäänud saiti. Teie "div" elementidel võib olla ka kohandatud CSS kood. Kontrollige sama meetodit, mida kasutatakse "div" jaoks, töötades korraga iga lapse elemendiga.

Kuidas

• Brauseri tööriistad, näiteks Firebug, võivad olla kasulikud HTML- ja CSS-koodi muutmisel.

Teade

• Olemasoleva saidi muudatustel võib olla ootamatuid tagajärgi. Sel põhjusel on soovitatav salvestada kõikidest muudetavatest failidest koopiad.