Inhoud

• routebeschrijving
• rubriek {
• tips
• waarschuwing

Het aanbrengen van wijzigingen in CSS-verklaringen ("Cascading Style Sheet") toegepast op een HTML-element kan een complexe taak lijken. Zolang dit systematisch wordt benaderd, is het echter mogelijk om de nodige wijzigingen aan te brengen zonder complicaties. Een enkele webpagina kan stijleigenschappen uit meerdere bronnen gebruiken. Op deze manier is het uw eerste taak om uit te zoeken waar de verklaringen voor uw "div" vandaan komen. Eenmaal gevonden, kunt u voorkomen dat ze een effect hebben op het element door de HTML- of CSS-code te wijzigen.

routebeschrijving

Sites gebruiken zowel HTML als CSS om het uiterlijk en de stijl te bepalen (Comstock / Comstock / Getty Images)

1. Ontdek waar de CSS van de webpagina is opgeslagen. CSS-code kan inline worden weergegeven, wat betekent dat stijlverklaringen worden vermeld als onderdeel van het markeren van een element zoals in de syntaxis van het volgende voorbeeld: Inhoud

   Als deze code wordt weergegeven in uw "div", kunt u het volledige "stijl" -attribuut met de bijbehorende waarde verwijderen. De CSS-code kan als volgt binnen de "head" -sectie van de pagina verschijnen: body {background-colour: # 000000;}

   De CSS-code kan ook als volgt in een of meer afzonderlijke CSS-bestanden met links in het gedeelte 'head' van de pagina worden weergegeven:

2. Als uw pagina CSS-code heeft in de "head" -sectie of in afzonderlijke bestanden, moet u alle CSS-codes doorzoeken om de stijl voor uw "div" -element te wijzigen.

   
   

3. Controleer of de CSS-code verwijst naar "div" -elementen. CSS kan worden toegepast op een elementtype, zoals de volgende: div {padding: 5px; }

   Als de CSS in het "hoofd" van uw pagina of afzonderlijke bestanden de identifier "div" op deze manier gebruikt, zal de code in het CSS-blok zijn element beïnvloeden. Om het effect op uw "div" te wijzigen, maar de code op andere "div" -elementen in de site te laten toepassen, kunt u de "div" in een ander elementtype veranderen. Als alternatief kunt u de CSS-code wijzigen die alleen moet worden toegepast op "div" -elementen met een bepaald klassenattribuut, door dit kenmerk toe te voegen aan die "div" -elementen waarop u de CSS wilt toepassen.

4. Controleer of de CSS-code verwijst naar de klasse van uw element. HTML-elementen hebben class-kenmerken als volgt: Belangrijkste inhoud

   Als uw "div" een class -kenmerk heeft, raadpleegt u de waarde van het kenmerk in uw CSS-code. Het kan in zijn eigen attribuut als volgt verschijnen: .top {/CSS-verklaringen/ }

   
   

   Als alternatief kan het samen met het elementtype als volgt worden weergegeven: div.top {/CSS-verklaringen/ }

   Als een van de twee wordt weergegeven, kunt u voorkomen dat declaraties op uw element worden toegepast door het klassenkenmerk te wijzigen of te verwijderen. Het verwijderen van CSS-code kan van invloed zijn op andere elementen met de klas, niet alleen op het element waaraan wordt gewerkt.

5. Controleer de CSS-code voor uw element-ID. Uw element kan als volgt een uniek ID-kenmerk hebben: Belangrijkste inhoud

   Als uw element een ID-kenmerk heeft, zoekt u ernaar in de CSS, op zoek naar de volgende syntaxis:

   rubriek {

   /CSS-verklaringen/ }

   Binnen elke pagina moet een ID-attribuutwaarde slechts één keer voorkomen, omdat de ID uniek moet zijn. Als de waarde van het ID-kenmerk wordt gewijzigd, zou de CSS-code het element "div" niet kunnen beïnvloeden. U kunt de CSS-code desgewenst nog steeds wijzigen of verwijderen, maar dit kan van invloed zijn op elementen met dezelfde ID op andere pagina's van uw site als ze dezelfde CSS-code gebruiken.

6. Zoek naar CSS-codes die de ouder- of onderliggende elementen van uw "div" beïnvloeden. De CSS-code voor bovenliggende elementen krijgt een reactie op uw "div", dus u moet mogelijk deze code wijzigen, hoewel deze de rest van uw site kan beïnvloeden. De elementen binnen uw "div" kunnen ook aangepaste CSS-code hebben. Controleer met dezelfde methode die wordt gebruikt voor de "div" zelf, waarbij met elk van de onderliggende elementen tegelijk wordt gewerkt.

tips

• Browserhulpmiddelen, zoals Firebug, kunnen handig zijn bij het wijzigen van HTML- en CSS-code.

waarschuwing

• Wijzigingen aan een bestaande site kunnen onverwachte gevolgen hebben. Om deze reden wordt het aanbevolen om kopieën op te slaan van alle bestanden die u wilt wijzigen.