Sisältö

• ohjeet
• nimikkeen {
• vihjeitä
• varoitus

Muutokset HTML-elementtiin sovellettaviin CSS-ilmoituksiin ("Cascading Style Sheet") voivat vaikuttaa monimutkaiselta tehtävältä. Niin kauan kuin järjestelmällisesti lähestytään, tarvittavat muutokset voidaan tehdä ilman komplikaatioita. Yksi Web-sivu voi käyttää tyylilajeja useista lähteistä. Tällä tavoin teidän ensimmäinen tehtäväsi on selvittää, mistä "div" -tietosi ovat peräisin. Kun olet sijoittunut, voit estää heitä vaikuttamasta elementtiin muuttamalla HTML- tai CSS-koodia.

ohjeet

Sivustot käyttävät sekä HTML: ää että CSS: tä ulkoasun ja tyylin määrittämiseen (Comstock / Comstock / Getty Images)

1. Selvitä, missä Web-sivun CSS on tallennettu. CSS-koodi saattaa näkyä inline-muodossa, mikä tarkoittaa, että tyyli-ilmoitukset on lueteltu osana merkinnän elementtiä seuraavan esimerkin syntaksiin: Sisältö

   Jos tämä koodi näkyy "div", voit poistaa koko "tyyli" -määritteen arvollaan. CSS-koodi voi näkyä sivun "pään" osassa seuraavasti: runko {tausta-väri: # 000000;}

   CSS-koodi voi näkyä myös yhdessä tai useammassa erillisessä CSS-tiedostossa, jossa on linkit sivun "pää" -osiossa seuraavasti:

2. Jos sivulla on CSS-koodi "pää" -osiossa tai erillisissä tiedostoissa, sinun täytyy etsiä kaikki CSS-koodit vaihtaaksesi "div" -elementin tyyliä.

   
   

3. Tarkista, että CSS-koodi viittaa "div" -elementteihin. CSS voidaan soveltaa elementtityyppiin, kuten seuraaviin: div {padding: 5px; }

   Jos sivun "pään" tai erillisten tiedostojen CSS: llä on tunnus "div", jota käytetään tällä tavalla, CSS-lohkon sisällä oleva koodi vaikuttaa sen elementtiin. Jos haluat muuttaa "div" -toiminnon vaikutusta, mutta anna koodin soveltaa muihin "div" -elementteihin sivustossa, voit muuttaa "div": n eri elementtityypiksi. Vaihtoehtoisesti voit muuttaa CSS-koodia, jota sovelletaan vain "div" -elementteihin tietyn luokan määritteellä, lisäämällä tämän attribuutin niihin "div" -elementteihin, joihin haluat CSS: n.

4. Tarkista, että CSS-koodi viittaa elementin luokkaan. HTML-elementeillä on luokan attribuutit seuraavasti: Top-sisältö

   
   

   Jos "div": llä on luokan määrite, katso attribuutin arvo CSS-koodissasi. Se voi näkyä omassa ominaisuudessaan seuraavasti: .top {/CSS-ilmoitukset/ }

   Vaihtoehtoisesti se voi näkyä yhdessä elementtityypin kanssa seuraavasti: div.top {/CSS-ilmoitukset/ }

   Jos jokin niistä ilmestyy, voit estää ilmoituksia soveltamasta elementtiisi muuttamalla tai poistamalla sen luokkamääritelmän. CSS-koodin poistaminen voi vaikuttaa muihin elementteihin luokan kanssa, ei vain työstettävän elementin kanssa.

5. Tarkista elementtitunnuksen CSS-koodi. Elementissä voi olla yksilöllinen tunnus, joka on seuraava: Suosituin sisältö

   Jos elementilläsi on ID-määrite, etsi se CSS: ssä ja etsi seuraavaa syntaksia:

   nimikkeen {

   /CSS-ilmoitukset/ }

   Jokaisen sivun sisällä tunnusmäärän arvon pitäisi näkyä vain kerran, koska tunnuksen on oltava yksilöllinen. ID-määritteen arvon muuttaminen estää CSS-koodin vaikuttamasta div-elementtiin. Voit edelleen muuttaa tai poistaa CSS-koodin, mutta tämä saattaa vaikuttaa osiin, joilla on sama tunnus muilla sivustosi sivuilla, jos he käyttävät samaa CSS-koodia.

6. Etsi CSS-koodeja, jotka vaikuttavat "div": n vanhempaan tai lapsen elementteihin. Vanhempien elementtien CSS-koodi reagoi "div" -tilaan, joten saatat joutua tekemään muutoksia tähän koodiin, vaikka ne voivat vaikuttaa sivustosi muuhun osaan. "Div": n elementeissä voi olla myös mukautettu CSS-koodi. Tarkista sama menetelmä, jota käytetään "div": ssa, työskentelemällä kunkin lapsielementin kanssa kerrallaan.

vihjeitä

• Selaustyökalut, kuten Firebug, voivat olla hyödyllisiä HTML- ja CSS-koodin vaihtamisessa.

varoitus

• Olemassa olevaan sivustoon tehdyillä muutoksilla voi olla odottamattomia seurauksia. Tästä syystä on suositeltavaa tallentaa kopioita kaikista tiedostoista, joita aiot muuttaa.