Przejdź do treści
Fiszki Online CSS (54 pytań)
Podstawowe pojęcia
Na czym polega różnica między elementami typu inline, inline-block i block-level?
↑ Back to top
Jak można zdefiniować kolory w CSS (np. formaty hex, RGB, RGBA, HSL)?
↑ Back to top
Jaki jest cel stosowania resetu lub normalize w CSS?
↑ Back to top
Selektory i specyficzność
Jakie istnieją rodzaje selektorów CSS i kiedy należy ich używać?
↑ Back to top
Jak działa kaskadowość (cascade) i specyficzność (specificity) w CSS?
↑ Back to top
Do czego służą pseudoklasy i pseudoelementy? Podaj przykłady.
↑ Back to top
Jak zidentyfikować element na podstawie stanu jego rodzica lub rodzeństwa?
↑ Back to top
Układ i pozycjonowanie
Jakie są tryby pozycjonowania elementów (static, relative, absolute, fixed, sticky)?
↑ Back to top
Na czym polega działanie float i jakie są sposoby czyszczenia (clear) pływających elementów?
↑ Back to top
Jaka jest różnica między display: block, display: inline a display: inline-block?
↑ Back to top
W jaki sposób wycentrować element w poziomie i w pionie z wykorzystaniem nowoczesnych podejść (np. Flexbox, CSS Grid)?
↑ Back to top
Czym się różni CSS Grid od Flexboxa i w jakich sytuacjach każdy z nich sprawdza się lepiej?
↑ Back to top
Projektowanie responsywne
Czym są media queries i jak się je stosuje, aby tworzyć responsywne projekty?
↑ Back to top
Na czym polega podejście mobile-first i dlaczego warto je rozważyć?
↑ Back to top
Jakie są dobre praktyki w zakresie obrazów responsywnych w CSS?
↑ Back to top
W jaki sposób uniknąć poziomego przewijania (scroll) na urządzeniach mobilnych?
↑ Back to top
Zaawansowane selektory i techniki
Czym są selektory atrybutu i jak można je efektywnie wykorzystać?
↑ Back to top
Jak używać pseudoklas :nth-child, :nth-of-type i pokrewnych?
↑ Back to top
Jak tworzyć kształty niestandardowe tylko przy użyciu CSS (np. clip-path, border-radius)?
↑ Back to top
Na czym polegają transformacje (transforms) i przejścia (transitions) w CSS?
↑ Back to top
Preprocesory, metodologie i architektura
Czym są preprocesory CSS, takie jak SASS czy LESS, i jakie korzyści zapewniają?
↑ Back to top
Na czym polega konwencja nazewnictwa BEM (Block Element Modifier) i dlaczego jest przydatna?
↑ Back to top
Czym są CSS Modules w kontekście nowoczesnych frameworków, np. React?
↑ Back to top
Jak organizować i utrzymywać rozbudowane bazy kodu CSS?
↑ Back to top
Wydajność i optymalizacja
Jak zarządzać wydajnością CSS w dużych witrynach lub aplikacjach?
↑ Back to top
Na czym polega blokowanie renderowania (render-blocking) przez pliki CSS i w jaki sposób można je ograniczyć?
↑ Back to top
Jak zmniejszyć rozmiar plików CSS (np. poprzez minifikację, kompresję, bundling)?
↑ Back to top
Czym jest krytyczny CSS (critical CSS) i jak można go wdrożyć?
↑ Back to top
Jakie są różnice między osadzaniem (inlining) a linkowaniem arkuszy CSS i kiedy stosować każde z podejść?
↑ Back to top
Kompatybilność z przeglądarkami i narzędzia
Jakie narzędzia lub metody służą do testowania w różnych przeglądarkach i debugowania CSS?
↑ Back to top
Jak efektywnie zarządzać prefiksami vendor (np. -webkit-, -moz-)?
↑ Back to top
Z jakich pól (polyfills) lub strategii korzystasz w sytuacji, gdy przeglądarka nie obsługuje niektórych funkcji CSS?
↑ Back to top
W jaki sposób wykryć i obsłużyć ekrany o wysokiej gęstości pikseli (retina) za pomocą CSS?
↑ Back to top
CSS we współczesnym ekosystemie front-end
Jak wykorzystujesz frameworki CSS takie jak Bootstrap, Tailwind czy Material UI?
↑ Back to top
Czym są rozwiązania CSS-in-JS (np. styled-components, Emotion) i czym różnią się od tradycyjnego podejścia?
↑ Back to top
Na czym polega Shadow DOM w kontekście Web Components i jak wpływa na zakres (scoping) CSS?
↑ Back to top
Zaawansowane funkcje i zmienne
Czym są zmienne CSS (Custom Properties) i czym różnią się od zmiennych w preprocesorach?
↑ Back to top
Jak działa funkcja calc() i kiedy warto z niej skorzystać?
↑ Back to top
W jaki sposób wdrożyć tzw. dark mode lub przełączanie motywów (theme switching) przy pomocy zmiennych CSS?
↑ Back to top
Jakie nowoczesne właściwości wprowadzają najnowsze specyfikacje CSS (np. aspect-ratio, scroll-snap, subgrid)?
↑ Back to top
Rozwiązywanie problemów i wzorce projektowe
Jak poradził(a)byś sobie ze złożonym układem, gdzie elementy muszą się nakładać lub kaskadować przy różnych punktach przerwania (breakpoints)?
↑ Back to top
Z jakich technik korzystasz, aby debugować trudne problemy z CSS czy layout thrashing?
↑ Back to top
Czy napotkałeś(-aś) lub rozwiązałeś(-aś) znaczący błąd w CSS dotyczący starszych przeglądarek (np. IE11) albo Safari mobilnego?
↑ Back to top
Jakie są Twoje strategie przy refaktoryzacji przestarzałego kodu CSS w dużym projekcie?
↑ Back to top
Przejdź do innych zestawów pytań
- Zaznaczenie wyboru powoduje całkowite odświeżenie strony.
- Otwiera się w nowym oknie.
