Podczas czytania różnych kursów CSS można spotkać się z dwoma pojęciami: kaskadowością oraz dziedziczeniem. Warto dokładnie je poznać i oczywiście, zrozumieć, ponieważ przyda się to podczas konstruowania stylów na swoją witrynę.
Podczas czytania różnych kursów CSS można spotkać się z dwoma pojęciami: kaskadowością oraz dziedziczeniem. Warto dokładnie je poznać i, oczywiście, zrozumieć, ponieważ przyda się to podczas konstruowania stylów na swoją witrynę.
Kaskadowość
Kaskadowość – kaskadowe ułożenie stylów. Polega ono na tym, że styl będący „bliżej” konkretnego elementu ma decydujący „głos”. Jeżeli ustawimy kolor czcionki dla akapitu w arkuszu zewnętrznym, np. na niebieski, to czcionka będzie niebieska. Ale jeśli w dokumencie zawierającym połączenie do tego arkusza wstawimy styl osadzony w nagłówku <head> i </head> i ustalimy w nim inny kolor czcionki, to czcionka będzie miała taki kolor jak w stylu osadzonym. Jednak jeśli w tym samym dokumencie, w którym już jeden styl ma pierwszeństwo przed drugim, wstawimy jeszcze styl lokalny czyli: <p style=”color:yellow”> to akapit będzie miał czcionkę zdefiniowaną tym stylem. Jak więc widać, styl będący bezpośrednio przy znaczniku ma pierwszeństwo przed stylem osadzonym, a styl osadzony jest „ważniejszy” od zewnętrznego pliku CSS. Styl zewnętrzny ma najmniej do „powiedzenia”, gdyż jest najdalej od konkretnego elementu strony.
Dziedziczenie
Dziedziczenie – przejmowanie przez elementy będące niżej w hierarchii dzrewa dokumentu cech od elementów będących od nich wyżej:
Dobrym przykładem będzie tutaj tabela (table) i jej komórki (td). Jeżeli zdefiniujemy jakieś cechy dla tabeli (np. czcionkę, kolor czy jeszcze coś innego), to komórka tabeli przejmie te cechy od tabeli (oczywiście tabela nadal będzie je posiadała:), gdyż leży niżej w hierarchii. Ale jeśli ustalimy oddzielne cechy dla komórki tabeli, to tabela będzie formatowana zgodnie ze stylem jej nadanym, a komórki – zgodnie ze stylem nadanym komórkom. Myślę, że to pojęcie jest zrozumiałe dla wszystkich. Jeśli jednak nie rozumiesz kaskadowości i dziedziczenia, to poszukaj bardziej zrozumiałych wyjaśnień w innych kursach CSS, w ostateczności napisz do mnie na maila. Te dwa pojęcia po prostu TRZEBA znać.
