Turinys

• Instrukcijos
• pozicijoje
• Kaip
• Pastaba

CSS deklaracijų pakeitimai („Cascading Style Sheet“), taikomi HTML elementui, gali atrodyti kaip sudėtinga užduotis. Tačiau tol, kol bus sistemingai kreipiamasi, galima atlikti būtinus pakeitimus be komplikacijų. Vienas tinklalapis gali naudoti stiliaus savybes iš kelių šaltinių. Tokiu būdu jūsų pradinė užduotis bus išsiaiškinti, iš kur gaunamos jūsų „div“ deklaracijos. Įsikūrę, galite užkirsti kelią jiems daryti poveikį elementui keičiant HTML arba CSS kodą.

Instrukcijos

Svetainės naudoja ir HTML, ir CSS, kad nustatytų išvaizdą ir stilių (Comstock / Comstock / Getty Images)

1. Sužinokite, kur yra saugomas tinklalapio CSS. CSS kodas gali būti rodomas eilutėje, o tai reiškia, kad stiliaus deklaracijos pateikiamos kaip elemento žymėjimo dalis, kaip šio pavyzdžio sintaksėje: Turinys

   Jei šis kodas rodomas jūsų „div“, galite panaikinti visą „stiliaus“ atributą. CSS kodas gali pasirodyti puslapio „galvutės“ sekcijoje taip: kūnas {fono spalva: # 000000;}

   CSS kodas taip pat gali būti rodomas vienoje ar keliose atskirose CSS rinkmenose su nuorodomis puslapio „galva“ skiltyje taip:

2. Jei jūsų puslapyje yra „CSS“ kodas „galvoje“ arba atskiruose failuose, turėsite ieškoti per visą „CSS“ kodą, kad pakeistumėte „div“ elemento stilių.

3. Patikrinkite, ar CSS kodas reiškia „div“ elementus. CSS gali būti taikomas elemento tipui, pavyzdžiui: div {padding: 5px; }

   
   

   Jei „CSS“ puslapio „galvoje“ arba atskiruose failuose yra identifikatorius „div“, naudojamas tokiu būdu, CSS bloko viduje esantis kodas turės įtakos jo elementui. Norėdami pakeisti „div“ efektą, tačiau leiskite kodui taikyti kitus „div“ elementus svetainėje, „div“ galite pakeisti į kitą elemento tipą. Arba galite pakeisti CSS kodą, kuris bus taikomas tik „div“ elementams, turintiems tam tikrą klasės atributą, pridedant šį atributą tiems „div“ elementams, kuriems norite taikyti CSS.

4. Patikrinkite, ar CSS kodas atitinka jūsų elemento klasę. HTML elementai turi klasių atributus: viršų turinys

   Jei jūsų "div" turi klasės atributą, žr. Atributo reikšmę CSS kode. Jis gali pasirodyti savo atribute: .top {/CSS deklaracijos/ }

   Arba jis gali būti rodomas kartu su elemento tipu taip: div.top {/CSS deklaracijos/ }

   Jei pasirodys vienas iš jų, galite neleisti, kad deklaracijos būtų taikomos jūsų elementui keičiant ar pašalinant jos klasės atributą. CSS kodo pašalinimas gali paveikti kitus klasės elementus, o ne tik dirbantį elementą.

   
   

5. Patikrinkite elemento ID CSS kodą. Jūsų elementas gali turėti unikalų ID atributą: viršų turinys

   Jei jūsų elementas turi ID atributą, ieškokite CSS, ieškodami šios sintaksės:

   pozicijoje

   /CSS deklaracijos/ }

   Kiekviename puslapyje ID atributo vertė turėtų būti rodoma tik vieną kartą, nes ID turi būti unikalus. Pakeitus ID atributo vertę, CSS kodas neturėtų turėti įtakos „div“ elementui. Jūs vis tiek galite pasirinktinai pakeisti arba pašalinti CSS kodą, tačiau tai gali paveikti elementus, turinčius tą patį ID kitame svetainės puslapyje, jei jie naudoja tą patį CSS kodą.

6. Ieškokite CSS kodų, kurie turi įtakos jūsų „div“ tėvų ar vaikų elementams. Tėvų elementų CSS kodas turės reakciją į jūsų „div“, todėl jums gali tekti atlikti šio kodo pakeitimus, nors jie gali paveikti likusią svetainės dalį. „Div“ elementai taip pat gali turėti pritaikytą CSS kodą. Naudokite tą patį metodą, naudojamą pačiam „div“, kartu su kiekvienu vaiko elementu.

Kaip

• Naršyklės įrankiai, pvz., „Firebug“, gali būti naudingi keičiant HTML ir CSS kodus.

Pastaba

• Esamos svetainės pakeitimai gali turėti netikėtų pasekmių. Dėl šios priežasties rekomenduojama išsaugoti visų failų, kuriuos ketinate keisti, kopijas.