Indhold

• retninger
• overskrift {
• tips
• advarsel

At foretage ændringer i CSS-erklæringer ("Cascading Style Sheet"), der er anvendt til et HTML-element, kan virke som en kompleks opgave. Men så længe det systematisk er nært, er det muligt at foretage de nødvendige ændringer uden komplikationer. En enkelt webside kan bruge stilegenskaber fra flere kilder. På denne måde vil din første opgave være at finde ud af, hvor deklarationerne for din "div" kommer fra. Når du er placeret, kan du forhindre dem i at påvirke elementet ved at ændre HTML- eller CSS-koden.

retninger

Websteder bruger både HTML og CSS til at bestemme udseendet og stilen (Comstock / Comstock / Getty Images)

1. Find ud af, hvor CSS på websiden er gemt. CSS-kode kan forekomme inline, hvilket betyder at stildeklarationer er opført som en del af markeringen af ​​et element som i syntaksen i følgende eksempel: Indhold

   Hvis denne kode vises inden for din "div", kan du fjerne hele attributten "stil" med dens værdi. CSS-koden kan vises inden for sektionen "hoved" på siden som følger: krop {baggrundsfarve: # 000000;}

   CSS-koden kan også vises i en eller flere separate CSS-filer med links i overskriften "Hoved" på siden som følger:

2. Hvis din side har CSS-kode i sektionen "hoved" eller i separate filer, skal du søge gennem alle CSS-koder for at ændre stilen til dit "div" -element.

   
   

3. Check for CSS-koden, der henviser til "div" -elementer. CSS kan anvendes til en elementtype, såsom følgende: div {padding: 5px; }

   Hvis CSS'en i "hovedet" på din side eller separate filer har identifikatoren "div" anvendt på denne måde, vil koden inde i CSS-blokken påvirke elementet. For at ændre effekten på din "div", men lad koden anvendes på andre "div" -elementer på webstedet, kan du ændre "div" til en anden elementtype. Alternativt kan du ændre CSS-koden, der kun skal anvendes til "div" -elementer med en bestemt klassetildeling, og tilføjer denne attribut til de "div" -elementer, som du vil have CSS'en til at anvende.

4. Check for CSS-koden, der henviser til klassen af ​​dit element. HTML-elementer har klasseattributter som følger: Top indhold

   Hvis din "div" har en klasseattribut, skal du se værdien af ​​attributten i din CSS-kode. Det kan forekomme i egen egenskab som følger: .top {/CSS-erklæringer/ }

   
   

   Alternativt kan det forekomme sammen med elementtypen som følger: div.top {/CSS-erklæringer/ }

   Hvis en af ​​dem vises, kan du forhindre, at erklæringer bliver anvendt til dit element ved at ændre eller fjerne dens klassetildeling. Fjernelse af CSS-kode kan påvirke andre elementer med klassen, ikke kun elementet der arbejdes på.

5. Tjek CSS-koden for dit element-id. Dit element kan have en unik ID-attributt, som følger: Top indhold

   Hvis dit element har en id-attributt, skal du søge efter det inden for CSS'en og søge efter følgende syntaks:

   overskrift {

   /CSS-erklæringer/ }

   Inden for hver side skal en ID-attributværdi kun vises én gang, da id'et skal være unikt. Ændring af værdien af ​​ID-attributten skal forhindre, at CSS-koden påvirker "div" -elementet. Du kan stadig ændre eller fjerne CSS-koden, men det kan påvirke elementer med samme ID på andre sider på dit websted, hvis de bruger den samme CSS-kode.

6. Kig efter CSS-koder, der påvirker forældrenes eller barnets elementer i din "div". CSS-koden for overordnede elementer vil have en reaktion på din "div", så du skal muligvis ændre disse kode, selvom de kan påvirke resten af ​​dit websted. Elementerne i din "div" kan også have tilpasset CSS-kode. Kontrollér, at du bruger den samme metode, der bruges til selve "div", og arbejder sammen med hvert af elementelementerne ad gangen.

tips

• Browserværktøjer, som Firebug, kan være nyttige, når du ændrer HTML- og CSS-kode.

advarsel

• Ændringer i et eksisterende websted kan have uventede konsekvenser. Af denne grund anbefales det at gemme kopier af alle filer, som du planlægger at ændre.