Obsah

• inštrukcia
• čísel {
• tipy
• varovanie

Zmeny deklarácií CSS ("Cascading Style Sheet") aplikované na element HTML sa môžu zdať ako komplexná úloha. Pokiaľ sa však systematicky pristupuje k tejto problematike, je možné vykonať potrebné zmeny bez komplikácií. Jedna webová stránka môže používať vlastnosti štýlu z viacerých zdrojov. Týmto spôsobom bude vašou počiatočnou úlohou zistiť, odkiaľ pochádzajú deklarácie pre váš div. Po ich umiestnení môžete zabrániť im ovplyvniť prvok zmenou kódu HTML alebo CSS.

inštrukcia

Webové stránky používajú HTML aj CSS na určenie vzhľadu a štýlu (Comstock / Comstock / Getty Images)

1. Zistite, kde je uložená CSS webovej stránky. Kód CSS sa môže zobraziť inline, čo znamená, že deklarácie štýlov sú uvedené ako súčasť označenia prvku ako v syntaxi nasledujúceho príkladu: Obsah

   Ak sa tento kód objaví vo vašom "div", môžete odstrániť celý atribút "štýl" s jeho hodnotou. Kód CSS sa môže zobraziť v sekcii "head" stránky nasledovne: body {background-color: # 000000;}

   Kód CSS sa môže zobraziť aj v jednom alebo viacerých samostatných súboroch CSS s prepojeniami v sekcii "hlavička" stránky nasledovne:

2. Ak má vaša stránka kód CSS v sekcii „hlava“ alebo v samostatných súboroch, budete musieť prehľadať všetky kódy CSS, aby ste zmenili štýl prvku „div“.

   
   

3. Skontrolujte kód CSS odkazujúci na prvky div. CSS možno aplikovať na typ elementu, ako napríklad: div {padding: 5px; }

   Ak CSS v "hlave" vašej stránky alebo samostatných súborov má identifikátor "div" použitý týmto spôsobom, kód vnútri bloku CSS ovplyvní jeho element. Ak chcete zmeniť efekt na vaše "div", ale nechať kód použiť na iné "div" prvky na webe, môžete zmeniť "div" na iný typ prvku. Prípadne môžete zmeniť kód CSS, ktorý sa má použiť len na elementy „div“ s konkrétnym atribútom triedy, pričom tento atribút sa pridá k tým prvkom „div“, na ktoré sa má CSS použiť.

4. Skontrolujte, či kód CSS odkazuje na triedu vášho prvku. Prvky HTML majú atribúty triedy nasledovne: Top content

   Ak má váš „div“ atribút triedy, pozrite si hodnotu atribútu v kóde CSS. Môže sa zobraziť vo vlastnom atribúte nasledovne: .top {/Vyhlásenia CSS/ }

   
   

   Alternatívne sa môže zobraziť spolu s typom elementu nasledovne: div.top {/Vyhlásenia CSS/ }

   Ak sa jeden z nich objaví, môžete zabrániť deklaráciám, aby sa na váš prvok aplikovali zmenou alebo odstránením atribútu triedy. Odstránenie kódu CSS môže ovplyvniť ostatné prvky triedy, nie len prvok, na ktorom sa pracuje.

5. Skontrolujte kód CSS pre ID svojho elementu. Váš prvok môže mať jedinečný atribút ID nasledovne: Top content

   Ak má váš prvok atribút ID, vyhľadajte ho v rámci CSS a vyhľadajte nasledujúcu syntax:

   čísel {

   /Vyhlásenia CSS/ }

   V rámci každej stránky by sa hodnota atribútu ID mala zobraziť iba raz, pretože ID musí byť jedinečné. Zmena hodnoty atribútu ID by mala zabrániť tomu, aby kód CSS ovplyvnil prvok „div“. Kód CSS môžete naďalej voliteľne meniť alebo odstraňovať, čo však môže ovplyvniť prvky s rovnakým ID na iných stránkach vašej lokality, ak používajú rovnaký kód CSS.

6. Vyhľadajte kódy CSS, ktoré majú vplyv na nadradené alebo podradené prvky vášho divízie. Kód CSS pre nadradené elementy bude reagovať na váš div, takže možno budete musieť vykonať zmeny v tomto kóde, aj keď môžu ovplyvniť zvyšok vašej stránky. Prvky vo vašej divízii môžu tiež upraviť kód CSS. Skontrolujte pomocou rovnakej metódy, ktorá sa používa pre samotný div, pričom pracujte s každým z detských prvkov naraz.

tipy

• Nástroje prehliadača, ako napríklad Firebug, môžu byť užitočné pri zmene kódu HTML a CSS.

varovanie

• Zmeny existujúcej lokality môžu mať neočakávané dôsledky. Z tohto dôvodu sa odporúča ukladať kópie všetkých súborov, ktoré chcete zmeniť.