Zawartość
Wprowadzanie zmian w deklaracjach CSS („Kaskadowy arkusz stylów”) zastosowanych do elementu HTML może wydawać się skomplikowanym zadaniem. Jednak tak długo, jak systematycznie się zbliża, możliwe jest dokonanie niezbędnych zmian bez komplikacji. Pojedyncza strona internetowa może wykorzystywać właściwości stylu z wielu źródeł. W ten sposób początkowym zadaniem będzie sprawdzenie, skąd pochodzą deklaracje „div”. Po zlokalizowaniu możesz uniemożliwić im wpływ na element, zmieniając kod HTML lub CSS.
Instrukcje
-
Dowiedz się, gdzie jest przechowywany CSS strony internetowej. Kod CSS może pojawić się w wierszu, co oznacza, że deklaracje stylu są wymienione jako część oznaczania elementu tak, jak w składni następującego przykładu: Treść
Jeśli ten kod pojawi się w „div”, możesz usunąć cały atrybut „style” z jego wartością. Kod CSS może pojawić się w sekcji „head” strony w następujący sposób: body {background-color: # 000000;}
Kod CSS może również pojawić się w jednym lub kilku oddzielnych plikach CSS z linkami w sekcji „head” strony w następujący sposób:
-
Jeśli Twoja strona ma kod CSS w sekcji „head” lub w osobnych plikach, musisz przeszukać cały kod CSS, aby zmienić styl elementu „div”.
-
Sprawdź kod CSS odwołujący się do elementów „div”. CSS można zastosować do typu elementu, takiego jak: div {padding: 5px; }
Jeśli CSS w „nagłówku” twojej strony lub oddzielne pliki mają identyfikator „div” użyty w ten sposób, kod wewnątrz bloku CSS będzie miał wpływ na jego element. Aby zmienić efekt na „div”, ale niech kod zostanie zastosowany do innych elementów „div” w witrynie, możesz zmienić „div” na inny typ elementu. Alternatywnie możesz zmienić kod CSS, który ma być stosowany tylko do elementów „div” z określonym atrybutem klasy, dodając ten atrybut do tych elementów „div”, do których chcesz zastosować CSS.
-
Sprawdź kod CSS odnoszący się do klasy Twojego elementu. Elementy HTML mają następujące atrybuty klas: Najlepsza treść
Jeśli twój „div” ma atrybut klasy, zobacz wartość atrybutu w kodzie CSS. Może pojawić się we własnym atrybucie, jak następuje: .top {/Deklaracje CSS/ }
Alternatywnie może pojawić się wraz z typem elementu w następujący sposób: div.top {/Deklaracje CSS/ }
Jeśli pojawi się jeden z nich, możesz uniemożliwić stosowanie deklaracji do elementu, zmieniając lub usuwając jego atrybut klasy. Usunięcie kodu CSS może wpłynąć na inne elementy z klasą, a nie tylko na element, nad którym pracujemy.
-
Sprawdź kod CSS swojego identyfikatora elementu. Twój element może mieć unikalny atrybut ID w następujący sposób: Najlepsza treść
Jeśli twój element ma atrybut ID, wyszukaj go w CSS, szukając następującej składni:
kurs
/Deklaracje CSS/ }
W obrębie każdej strony wartość atrybutu ID powinna pojawić się tylko raz, ponieważ identyfikator musi być unikalny. Zmiana wartości atrybutu ID powinna uniemożliwić wpływ kodu CSS na element „div”. Nadal możesz opcjonalnie zmienić lub usunąć kod CSS, ale może to mieć wpływ na elementy o tym samym identyfikatorze na innych stronach witryny, jeśli używają tego samego kodu CSS.
-
Poszukaj kodów CSS, które wpływają na elementy nadrzędne lub podrzędne twojego „div”. Kod CSS dla elementów macierzystych będzie reagował na Twój „div”, więc może być konieczne wprowadzenie zmian w tym kodzie, chociaż mogą one mieć wpływ na resztę witryny. Elementy w „div” mogą również mieć dostosowany kod CSS. Sprawdź, używając tej samej metody, co dla samego „div”, pracując z każdym z elementów potomnych naraz.
Jak
- Narzędzia przeglądarki, takie jak Firebug, mogą być przydatne przy zmianie kodu HTML i CSS.
Uwaga
- Zmiany w istniejącej witrynie mogą mieć nieoczekiwane konsekwencje. Z tego powodu zaleca się zapisywanie kopii wszystkich plików, które zamierzasz zmienić.
