Kwalifikacja: AUD.05 - Realizacja projektów graficznych i multimedialnych
Kategorie: Strony internetowe Kolor i typografia
Jaką regułę stylów należy dopisać do pliku style_list.css w celu zdefiniowania klasy znaczek dla list nienumerowanych z obrazkiem znaczek_logo.gif jako znakiem wypunktowania, jeśli obrazek umieszczony jest w podkatalogu GRAFIKI katalogu z plikami stylów?
| A. | .znaczek {list-style-image: url(grafiki/znaczek_logo.gif)} |
| B. | ul.znaczek {list-style-type: url(grafiki\znaczek_logo.gif)} |
| C. | .znaczek {list-style-image: url(\GRAFIKI\znaczek_logo.gif)} |
| D. | ul.znaczek {list-style-image: url(GRAFIKI/znaczek_logo.gif)} |
Odpowiedzi
Informacja zwrotna
Odpowiedź D jest poprawna, ponieważ używa właściwej składni CSS do zdefiniowania klasy dla list nienumerowanych z obrazkiem jako znakiem wypunktowania. Kluczowym elementem jest zastosowanie właściwości 'list-style-image', która pozwala na przypisanie obrazka jako punktora w liście. Ścieżka do obrazka jest określona jako 'url(GRAFIKI/znaczek_logo.gif)', co jest poprawne, ponieważ odnosi się do lokalizacji pliku CSS, w której zdefiniowana jest klasa. Dodatkowo, selektor 'ul.znaczek' wskazuje, że styl będzie dotyczył tylko elementów 'ul' z klasą 'znaczek', co jest zgodne z najlepszymi praktykami w zakresie struktury CSS. Używanie klas i selektorów w ten sposób umożliwia łatwe zarządzanie stylami w większych projektach, a także poprawia czytelność kodu. Dobrym przykładem zastosowania tej techniki jest tworzenie spersonalizowanych list, gdzie reprezentacja wizualna odgrywa kluczową rolę w UX. Zgodnie z aktualnymi standardami, stosowanie takich rozwiązań CSS pozwala na lepszą separację stylów od struktury HTML, co jest istotne w kontekście responsywności i zarządzania projektem.