Conţinut
Efectuarea modificărilor aduse declarațiilor CSS ("Cascading Style Sheet") aplicate unui element HTML poate părea o sarcină complexă. Cu toate acestea, atâta timp cât se abordează în mod sistematic, este posibilă efectuarea modificărilor necesare fără complicații. O singură pagină web poate utiliza proprietăți de stil din mai multe surse. În acest fel, sarcina dvs. inițială va fi să aflați de unde provin declarațiile pentru "div" dvs. Odată localizat, îi puteți împiedica să aibă un efect asupra elementului schimbând codul HTML sau CSS.
instrucțiuni de ghidare
-
Aflați unde este stocat CSS-ul paginii Web. Codul CSS poate apărea în linie, ceea ce înseamnă că declarațiile de stil sunt enumerate ca parte a marcării unui element ca în sintaxa din exemplul următor: Conținut
Dacă acest cod apare în "div", puteți elimina întregul atribut "stil" cu valoarea acestuia. Codul CSS poate apărea în secțiunea "cap" a paginii după cum urmează: body {background-color: # 000000;}
Codul CSS poate apărea, de asemenea, într-unul sau mai multe fișiere CSS separate, cu legături în secțiunea "cap" a paginii, după cum urmează:
-
Dacă pagina dvs. are cod CSS în secțiunea "cap" sau în fișiere separate, va trebui să căutați prin toate codurile CSS pentru a schimba stilul pentru elementul "div".
-
Verificați codul CSS referitor la elementele "div". CSS poate fi aplicat unui tip de element, cum ar fi: div {padding: 5px; }
Dacă CSS din "capul" paginii dvs. sau fișierele separate au identificatorul "div" utilizat în acest fel, codul din interiorul blocului CSS va afecta elementul său. Pentru a schimba efectul asupra "div", dar permiteți codul să fie aplicat și altor elemente "div" din site, puteți schimba "div" la un alt tip de element. Alternativ, puteți schimba codul CSS pentru a fi aplicat numai elementelor "div" cu un anumit atribut de clasă, adăugând acest atribut acelor elemente "div" cărora doriți să fie aplicat CSS.
-
Verificați codul CSS referitor la clasa elementului dvs. Elementele HTML au atribute de clasă după cum urmează: Conținutul de top
Dacă divul dvs. are un atribut de clasă, consultați valoarea atributului din codul dvs. CSS. Acesta poate apărea în propriul său atribut, după cum urmează: .top {/Declarații CSS/ }
Alternativ, poate să apară împreună cu tipul elementului după cum urmează: div.top {/Declarații CSS/ }
Dacă apare unul dintre ele, puteți împiedica aplicarea declarațiilor de la elementul dvs. prin modificarea sau eliminarea atributului său de clasă. Eliminarea codului CSS poate afecta alte elemente ale clasei, nu doar elementul pe care se lucrează.
-
Verificați codul CSS pentru ID-ul dvs. de element. Elementul dvs. poate avea un atribut de identificare unic, după cum urmează: Conținutul de sus
Dacă elementul dvs. are un atribut ID, căutați-l în CSS, căutând următoarea sintaxă:
rubrica {
/Declarații CSS/ }
În fiecare pagină, o valoare de atribut ID ar trebui să apară o singură dată, deoarece ID-ul trebuie să fie unic. Schimbarea valorii atributului ID ar trebui să împiedice codul CSS să afecteze elementul div. Cu toate acestea, puteți modifica sau elimina opțional codul CSS, dar acest lucru poate afecta elemente cu același ID în alte pagini de pe site dacă utilizează același cod CSS.
-
Căutați coduri CSS care afectează elementele părinte sau copil ale divului dvs. Codul CSS pentru elementele părinte va avea o reacție la "div" dvs., prin urmare, poate fi necesar să faceți modificări la acest cod, deși pot afecta restul site-ului dvs. Elementele din "div" dvs. pot avea, de asemenea, codul CSS adaptat. Verificați folosind aceeași metodă folosită pentru "div" însuși, lucrând împreună cu fiecare dintre elementele copilului la un moment dat.
sfaturi
- Instrumentele de browser, cum ar fi Firebug, pot fi utile atunci când se modifică codul HTML și CSS.
avertisment
- Schimbările la un site existent pot avea consecințe neașteptate. Din acest motiv, se recomandă salvarea copiilor tuturor fișierelor pe care intenționați să le modificați.
