50 najpopularniejszych pytań i odpowiedzi podczas rozmów kwalifikacyjnych CSS (2025)

Oto pytania i odpowiedzi do rozmów kwalifikacyjnych CSS (CSS3) zarówno dla nowicjuszy, jak i doświadczonych kandydatów, którzy chcą zdobyć wymarzoną pracę.

Bezpłatne pobieranie plików PDF: Pytania do wywiadu CSS

1. Co to jest CSS?

Pełną formą CSS są kaskadowe arkusze stylów. Jest to język stylizacji, który jest wystarczająco prosty HTML elementy. Jest popularny w projektowaniu stron internetowych, a jego zastosowanie jest powszechne również w XHTML.


2. Jakie jest pochodzenie CSS?

Standardowy uogólniony język znaczników zapoczątkował arkusze stylów w latach 1980-tych.


3. Jakie są różne odmiany CSS?

Odmiany CSS to:

  • CSS 1
  • CSS 2
  • CSS 2.1
  • CSS 3
  • CSS 4

4. Jakie są ograniczenia CSS?

Ograniczenia to:

  •  Rosnąca liczba selektorów nie jest możliwa
  • Ograniczenia kontroli pionowej
  • Żadnych wyrażeń
  • Brak deklaracji kolumny
  • Pseudoklasa nie kontrolowana przez zachowanie dynamiczne
  • Reguły, style, kierowanie na konkretny tekst nie jest możliwe

5. Jakie są zalety CSS?

Zalety to:

  • przepustowość
  • Spójność w całej witrynie
  • Ponowne formatowanie strony
  • Dostępność bez barier
  • Treść oddzielona od prezentacji

6. Czym są frameworki CSS?

Jest to wstępnie zaplanowana biblioteka, która umożliwia łatwiejszą i bardziej zgodną ze standardami stylizację strony internetowej, przy użyciu języka CSS.

Pytania do wywiadu CSS
Pytania do wywiadu CSS3

7. Jak można wyśrodkować elementy blokowe za pomocą CSS1?

Elementy na poziomie bloku można wyśrodkować poprzez:

Właściwości marginesu lewego i prawego marginesu można ustawić na określoną wartość:

BODY {

width: 40em;

background: fluorescent;

}

P {

width: 30em;

margin-right: auto;

margin-left: auto

}

W tym przypadku lewy i prawy margines będą miały po pięć emów, ponieważ dzielą dziesięć emów pozostałych z (40em-30em). Nie było konieczne ustawianie wyraźnej szerokości elementu BODY; zrobiono to tutaj dla uproszczenia.


8. Kto utrzymuje specyfikacje CSS?

Konsorcjum World Wide Web utrzymuje specyfikacje CSS.

Pytania do wywiadu CSS3
Pytania do wywiadu CSS3

9. Na ile sposobów można zintegrować CSS jako stronę internetową?

CSS można zintegrować na trzy sposoby:

  • Inline: Atrybut stylu może zostać użyty do zastosowania elementów HTML w formacie CSS.
  • Osadzony: Element Head może zawierać element Style, w którym można umieścić kod.
  • Połączone/zaimportowane: CSS można umieścić w pliku zewnętrznym i połączyć za pomocą elementu linku.

10. Jakie zalety i wady mają zewnętrzne arkusze stylów?

Korzyści:

  • Jeden plik może służyć do kontrolowania wielu dokumentów o różnych stylach.
  • Wiele elementów HTML może mieć wiele dokumentów, które mogą mieć klasy.
  • Do grupowania stylów w sytuacjach złożonych stosuje się metody takie jak selektor i grupowanie.

Demery:

  • Aby zaimportować dokumenty zawierające informacje o stylu, konieczne jest dodatkowe pobranie.
  • Aby wyrenderować dokument, należy załadować zewnętrzny arkusz stylów.
  • Niepraktyczne w przypadku małych definicji stylu.

11. Omów zalety i wady wbudowanych arkuszy stylów?

Zalety wbudowanych arkuszy stylów:

  • W jednym dokumencie można utworzyć wiele typów znaczników.
  • W złożonych sytuacjach style można zastosować, korzystając z metod selekcji i grupowania.
  • Dodatkowe pobieranie nie jest konieczne.

Wady wbudowanych arkuszy stylów:

  • Nie można kontrolować wielu dokumentów.

12. Co oznacza selektor CSS?

Łańcuchowy odpowiednik elementów HTML, za pomocą którego deklarowane są deklaracje lub ich zestaw i jest łączem, do którego można się odwołać w celu połączenia HTML i arkusza stylów, jest selektorem CSS.


13. Wymień typy multimediów, na które pozwala CSS?

Projektowanie i dostosowywanie dokumentów są renderowane przez media. Stosując kontrolę multimediów nad zewnętrznymi arkuszami stylów, można je odzyskać i wykorzystać, ładując je z sieci.


14. Odróżnij tagi logiczne od tagów fizycznych?

  • Chociaż znaczniki fizyczne nazywane są także znacznikami prezentacyjnymi, znaczniki logiczne są bezużyteczne ze względu na wygląd.
  • Tagi fizyczne to nowsze wersje, podczas gdy tagi logiczne są stare i koncentrują się na treści.

15. Odróżnij koncepcję arkusza stylów od HTML?

Chociaż HTML zapewnia łatwą metodę struktury, brakuje mu stylu, w przeciwieństwie do arkuszy stylów. Co więcej, arkusze stylów mają lepsze możliwości przeglądarki i opcje formatowania.


16. Opisać „zestaw reguł”?

Zestaw reguł: Selektory można dołączać do innych selektorów w celu identyfikacji za pomocą zestawu reguł.

Ma dwie części:

  • Selektor, np. R i
  • deklaracja {text-indent: 11pt}

17. Komentarz na temat rozróżniania wielkości liter w CSS?

Chociaż w CSS nie jest rozróżniana wielkość liter, niemniej jednak rodziny czcionek, adresy URL obrazów itp. Tak. Tylko kiedy XML na stronie używane są deklaracje wraz z XHTML DOCTYPE, w CSS rozróżniana jest wielkość liter.


18. Zdefiniować blok deklaracji?

Katalog kierunków w nawiasach klamrowych składający się z właściwości, dwukropka i wartości nazywa się blokiem deklaracji.
np.: [właściwość 1: wartość 3]


19. Wymień atrybuty różnych czcionek?

Są to:

  • Styl czcionki
  • Wariant czcionki
  • Grubość czcionki
  • Rozmiar czcionki/wysokość linii
  • Rodzina czcionek
  • Podpis
  • Ikona

 


20. Dlaczego łatwo jest wstawić plik poprzez jego import?

Import umożliwia łączenie arkuszy zewnętrznych w celu wstawienia ich w wiele arkuszy. Różne pliki i arkusze mogą mieć różne funkcje. Składnia:

Notacja @import, używana z tag.


21. Do czego służy selektor klas?

Selektory, które są unikalne dla określonego stylu, nazywane są selektorami KLASY. Można w ten sposób złożyć deklarację stylu i powiązania z HTML. Składnia:

Nazwa klasy
może to być AZ, az lub cyfry.
.top {font: 14em ;}, selektor klasy
ta klasa jest powiązana z elementem


22. Odróżnij selektor klasy od selektora ID?

Podczas gdy selektor klasy otrzymuje cały blok, selektor ID preferuje tylko jeden element różniący się od pozostałych elementów. Innymi słowy, identyfikatory są unikalne, podczas gdy klasy nie. Możliwe, że element ma zarówno klasę, jak i identyfikator.


23. Czy w CSS można dodać więcej niż jedną deklarację?

Tak, można to osiągnąć za pomocą średnika.


24. Co to są pseudoelementy?

Pseudoelementy służą do dodawania efektów specjalnych do niektórych selektorów. CSS służy do stosowania stylów w znacznikach HTML. W niektórych przypadkach, gdy dodatkowe znaczniki lub stylizacja dokumentu nie są możliwe, w CSS dostępna jest funkcja znana jako pseudoelementy. Umożliwi to dodatkowe oznaczenie dokumentu bez zakłócania samego dokumentu.


25. Jak pominąć podkreślanie hiperłączy?

Instrukcje sterujące i zewnętrzne arkusze stylów służą do zastąpienia podkreślania hiperłączy.

Na przykład:

B {

text-decoration: none;

}

<B href="career.html" style="text-decoration: none">link text</B>

 


26. Co się stanie, jeśli na całej stronie zostanie zastosowana szerokość 100% wraz z elementami pływającymi?

Podczas dokonywania deklaracji float, za każdym razem, gdy jest ona używana w formie obramowania, dodawany jest 1 piksel, a później dozwolone jest jeszcze więcej float.


27. Czy można przywrócić domyślną wartość właściwości za pomocą CSS? Jeśli tak, jak?

W CSS nie można powrócić do starych wartości z powodu braku wartości domyślnych. Właściwość można ponownie zadeklarować, aby uzyskać właściwość domyślną.


28. Wymień różne używane typy mediów?

Różne media mają różne właściwości, ponieważ wielkość liter nie jest rozróżniana.

Są to:

  • Aural – dla syntezatorów dźwięku i mowy
  • Drukuj – umożliwia podgląd zawartości po wydrukowaniu
  • Projekcja - wyświetla CSS na projektorach.
  • Handheld – korzysta z urządzeń przenośnych.
  • Ekran- ekrany komputerów i laptopów.

29. Co to jest CSS Box Model i jakie są jego elementy?

To pole definiuje projekt i układ elementów CSS. Elementy to:

Margines: najwyższa warstwa, pokazana jest ogólna struktura
Granica: wyświetlana jest opcja dopełnienia i zawartości otoczona ramką. Kolor tła wpływa na obramowanie.
Wyściółka: Wyświetlana jest spacja. Kolor tła wpływa na obramowanie.
Treść: Wyświetlana jest rzeczywista zawartość.


30. Co to jest selektor kontekstowy?

Selektor używany do wybierania specjalnych wystąpień elementu nazywany jest selektorem kontekstowym. Poszczególne selektory oddziela spacja. W tego rodzaju selektorze adresowany jest tylko ostatni element wzorca. Na przykład: TD P TEKST {kolor: niebieski}


31. Porównaj wartości RGB z szesnastkowymi kodami kolorów?

Kolor można określić na dwa sposoby:

  • Kolor jest reprezentowany przez 6 znaków, tj. kod kolorów szesnastkowych. Jest to kombinacja cyfr i liter, poprzedzona znakiem #. np.: g {kolor: #00cjfi}
  • Kolor jest reprezentowany przez mieszaninę czerwieni, zieleni i błękitu. Można również określić wartość koloru. np.: rgb(r,g,b): W tym typie wartości mogą mieścić się w przedziale od 0 do 255. rgb(r%,g%,b%): pokazywana jest wartość procentowa koloru czerwonego, zielonego i niebieskiego.

32. Zdefiniuj sprite'y obrazkowe z kontekstem w CSS?

Kiedy zestaw obrazów jest łączony w jeden obraz, nazywa się to „Duszkami Obrazu”. Ponieważ ładowanie każdego obrazu na stronie internetowej zajmuje czas, użycie ikonek graficznych skraca ten czas i pozwala szybko uzyskać informacje.

Kodowanie CSS:

img.add { width: 60px; height: 55px; background: url (image.god) 0 0; }

 

W takim przypadku używana jest tylko potrzebna część. Użytkownik może dzięki temu zaoszczędzić znaczny margines i czas.


33. Porównanie grupowania i zagnieżdżania w CSS?

Grupowanie: Selektory można grupować, mając te same wartości właściwości, a kod można zmniejszyć.
Np :

h1 {

color: blue;

}

h2 {

color: blue;

}

p {

color: blue;

}

 

Z kodu widać, że każdy element ma tę samą właściwość. Przepisywania można uniknąć, pisząc każdy selektor oddzielony przecinkiem.

Zagnieżdżanie: Określanie selektora w selektorze nazywa się zagnieżdżaniem.

P

{

color: red;

text-align: left;

}

.marked

{

background-color: blue;

}

.marked p

{

color: green;

}

 


34. Jak określić wymiar elementu?

Właściwości wymiarów można zdefiniować poprzez:

  • Wysokość
  • Maksymalna wysokość
  • Maksymalna szerokość
  • Minimalna wysokość
  • Minimalna szerokość
  • Szerokość

35. Zdefiniuj właściwość float CSS?

Dzięki właściwości float obraz można przesuwać w prawo lub w lewo wraz z tekstem, który ma być wokół niego otoczony. Elementy przed zastosowaniem tej właściwości nie zmieniają swoich właściwości.


36. Jak działa indeks Z?

Podczas używania CSS do pozycjonowania elementów HTML może wystąpić nakładanie się. Indeks Z pomaga w określeniu nakładającego się elementu. Jest to liczba, która może być dodatnia lub ujemna. Domyślną wartością jest zero.


37. Czym jest wdzięczna degradacja?

W przypadku awarii komponentu będzie on nadal działał prawidłowo pomimo łagodnej degradacji. Podczas projektowania strony internetowej używana jest najnowsza aplikacja przeglądarki. Ponieważ nie jest on dostępny dla wszystkich, istnieje podstawowa funkcjonalność, która umożliwia jego wykorzystanie szerszemu gronu odbiorców. W przypadku, gdy obraz jest niedostępny do przeglądania, tekst jest wyświetlany ze znacznikiem alt.


38. Co to jest stopniowe doskonalenie?

To alternatywa dla pełnej wdzięku degradacji, która skupia się na materii sieci. Funkcjonalność jest taka sama, ale zapewnia dodatkową przewagę użytkownikom posiadającym najnowszą przepustowość. Ostatnio stało się szeroko stosowane, a ich baza rozszerzyła się w przypadku mobilnych połączeń internetowych.


39. Jak można zaprojektować kompatybilność wsteczną w CSS?

Metody arkusza HTML współpracują z CSS i odpowiednio je wykorzystują.


40. Jak usunąć szczelinę pod obrazem?

Ponieważ obrazy będące elementami inline są traktowane tak samo jak teksty, pozostaje więc luka, którą można usunąć poprzez:

CSS

img { display: block ; }

 


41. Dlaczego @import jest tylko na górze?

@import jest preferowany tylko na górze, aby uniknąć jakichkolwiek nadrzędnych reguł. Ogólnie rzecz biorąc, kolejność rankingowa jest przestrzegana w większości języków programowania, takich jak Java, Modula itp. W C, # jest wybitnym przykładem @importu znajdującego się na górze.


42. Co jest bardziej precedensowe: właściwości CSS czy procedury HTML?

CSS ma pierwszeństwo przed procedurami HTML. Przeglądarki, które nie obsługują CSS, wyświetlają atrybuty HTML.


43. Czym jest styl Inline?

Styl Inline w CSS służy do dodawania stylizacji do poszczególnych elementów HTML.


44. Jak dodawać komentarze w CSS?

Komentarze w CSS można dodawać za pomocą /* i */.


45. Zdefiniuj selektor atrybutów?

Definiuje się go za pomocą zbioru elementów, wartości i jej części.


46. ​​Zdefiniuj własność?

Styl, który pomaga wpływać na CSS. Np. CZCIONKA. Mają w sobie odpowiednie wartości lub właściwości, np. CZCIONKA ma inny styl, np. pogrubienie, kursywa itp.


47. Co to jest alternatywny arkusz stylów?

Alternatywne arkusze stylów pozwalają użytkownikowi wybrać styl wyświetlania strony za pomocą menu widok>styl strony. Dzięki alternatywnemu arkuszowi stylów użytkownik może zobaczyć wiele wersji strony dostosowanych do jego potrzeb i preferencji.


48. Czy cudzysłowy są obowiązkowe w adresach URL?

Cytaty są opcjonalne w adresach URL i mogą być pojedyncze lub podwójne.


49. Co to jest zasada?

Reguła, która ma zastosowanie w całym arkuszu, a nie w części, nazywana jest regułą at. Poprzedza go @, po którym następuje AZ, az lub 0-9.


50. Jak można kaskadować CSS, aby mieszać go z osobistym arkuszem użytkownika?

Właściwości można ustawić w zalecanych miejscach, a dokument zmodyfikować tak, aby CSS łączył się z osobistym arkuszem użytkownika.

Te pytania do rozmowy kwalifikacyjnej pomogą również w Twoim życiu (ustnym). W każdej branży wykorzystanie stron internetowych i aplikacji internetowych rośnie z dnia na dzień, a CSS jest niezbędnym elementem do tworzenia atrakcyjnych stron internetowych. Istnieje zatem ogromne zapotrzebowanie na projektantów UI/UX i stron internetowych posiadających dobrą znajomość CSS z HTML.

Udziały

Komentarze 10

  1. niekompletne informacje, jeśli chcesz udzielić odpowiedzi, wyjaśnij to. Tego rodzaju pytania ankieter nie odpowiada!!.

  2. Avatar Kawana Śiwa Kumar mówi:

    Dziękuję bardzo przydatne informacje

  3. Avatar Niebieski mówi:

    Wszystkie pytania teoretyczne byłyby lepsze, gdybyś mógł podać także kilka pytań praktycznych opartych na przykładach.

  4. Avatar Zaawansowany technologicznie mówi:

    Poniższa odpowiedź jest niekompletna
    „22. Odróżnij selektor klasy od selektora identyfikatora?
    Podczas gdy selektor klasy otrzymuje cały blok, selektor ID preferuje tylko jeden element różniący się od innych elementów.

    Doceniam ogromny wysiłek.

    Dziękuję Ci

  5. Proszę zdefiniuj float, ruchomy obraz tła i obejrzyj element tAg klipu w CSS.
    Podziękowania
    Przez Ashish

  6. Dziękuję za strzyżenie. Jest świetne. Napisz więcej na ten temat..

    1. Witam, mój serwer na żywo nie działa dobrze. Klikam przycisk „Uruchom”, aby uruchomić projekt i działa. Głównym problemem jest to, że jeśli zmienię coś w tagach lub słowach, nie będę mógł uruchomić mojego projektu. Tylko jeśli Zatrzymuję serwer na żywo i uruchamiam go, znowu działa. Nie wiem, jak sobie z tym poradzić. Jeśli masz czas, odpowiedz na moje pytanie. Dziękuję.

  7. Avatar Abhijeeta Sapkale mówi:

    Dziękuję bardzo za świetne pytanie

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *