Wskaż poprawne stwierdzenie dotyczące poniższej definicji stylu:
| <style> <!-- P{color:blue; font-size:14pt; font-style:italic} A{font-size: 16pt ; text-transform:lowercase;} TD.niebieski {color: blue} TD.czerwony {color: red} --> </style> |
W tym kawałku kodu CSS mamy dwie klasy: TD.niebieski i TD.czerwony. Klasy w CSS to nic innego jak sposób na nadawanie różnych stylów grupom elementów HTML. Poznajesz je po tym, że mają przed sobą kropkę. Klasa TD.niebieski ustawia kolor tekstu na niebieski, a TD.czerwony na czerwony. Tworzenie klas jest super ważne, gdy robisz strony WWW, bo pozwala ci na stosowanie jednolitych stylów w różnych miejscach. Dzięki temu łatwiej później ogarnąć wygląd strony. Na przykład, w dużych projektach webowych użycie klas sprawia, że wszystko wygląda spójnie, a zmiany kolorów czy innych stylów są proste, bo nie musisz grzebać w każdym elemencie osobno. Fajnie jest też nadawać klasom opisowe nazwy, bo to ułatwia zrozumienie kodu. W sumie, to standard w branży, żeby wszyscy, którzy będą pracować nad kodem, mogli się w nim łatwo odnaleźć.
Styl lokalny to takie style, które dodaje się bezpośrednio w plikach HTML, często w tagu style lub jako atrybut style w elementach HTML. W tym przypadku mamy do czynienia z osobnym blokiem CSS, więc nie jest to styl lokalny. Co do rozmiaru czcionki linku, to stwierdzenie, że ma 14 punktów, jest błędne. W kodzie CSS widzimy, że rozmiar czcionki dla elementu P to 14 punktów, ale dla elementu A jest ustawiony na 16 punktów. Często takie nieporozumienia wynikają z tego, że nie analizuje się dokładnie kodu źródłowego albo myli się różne selektory. Odnośnie transponowania akapitu na małe litery, to też nie jest poprawne, bo właściwość text-transform: lowercase dotyczy odnośników, nie akapitów. W nauce o CSS ważne jest, żeby dobrze rozumieć zasady działania i umieć rozróżniać, które selektory i właściwości stosują się do konkretnych elementów HTML. To wymaga praktyki i dokładnej analizy kodu. Zrozumienie tych rzeczy jest kluczowe w pracy nad stronami internetowymi, bo pozwala na efektywne zarządzanie stylami. Dobrze stosowane style to podstawa dla każdego, kto zajmuje się tworzeniem i utrzymywaniem stron, żeby wszystko wyglądało spójnie i działało jak trzeba.