가장 일반적인 CSS 인터뷰 질문 및 답변 상위 40개 [신입생 및 경험자용]

모든 산업은 빠르게 변화하는 세상의 속도를 따라잡기 위해 웹사이트와 애플리케이션을 사용하기 시작했습니다. CSS는 매력적인 웹사이트를 구축하고 디자인하는 데 가장 중요한 부분 중 하나입니다.

따라서 HTML을 포함하는 CSS에 대한 지식이 풍부한 웹 디자이너 또는 UI/UX에 대한 요구가 중요해지고 있습니다. 거기에서 일반 CSS 인터뷰 질문 만 준비할 필요가 없으며 HTML CSS 인터뷰 질문 도 준비해야 합니다 . CSS 인터뷰를 해독하는 것은 웹 디자이너로서의 경력을 시작하는 데 가장 중요한 부분입니다.

따라서 이 기사에서는 가장 많이 묻는 CSS 인터뷰 질문 목록에 대해 논의했습니다 . 면접에서는 CSS의 기초부터 고급까지 다양한 주제를 다루며, 어떤 질문을 받았는지에 대한 가이드가 중요합니다. 이 목록은 면접 과정을 정리하고 꿈의 직업을 얻는 데 도움이 될 것입니다.

인기 CSS 인터뷰 질문 및 답변

1. CSS 정의?

CSS는 Cascading Style Sheets의 약자입니다. 스타일링 언어입니다. HTML 요소에 대한 가장 간단한 스타일 지정 언어입니다. HTML에서 가장 인기 있는 웹 디자인 언어 중 하나일 뿐만 아니라 XHTML에서도 매우 일반적입니다.

2. CSS의 기원을 언급합니까?

스타일 시트, 특히 CSS의 시작은 1980년대 표준 일반화 마크업 언어였습니다.

3. CSS의 여러 형태는 무엇입니까?

다양한 CSS 형식은 다음과 같습니다.

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

4. CSS의 제한 사항을 명시합니까?

CSS의 제한 사항은 다음과 같습니다.

• 표현 없음
• 수직 제어의 한계
• 선택자에 의한 오름차순은 불가능합니다.
• 열 선언 없음
• 규칙, 특정 텍스트 타겟팅 및 스타일 불가능
• 동적 동작은 의사 클래스를 제어하지 않습니다.

5. CSS의 장점을 나열하십시오.

CSS의 장점은 다음과 같습니다.

• 대역폭
• 접근성
• 페이지 재포맷
• 사이트 전체의 일관성
• 프레젠테이션에서 콘텐츠 분리

6. CSS 프레임워크를 정의하시겠습니까?

CSS 프레임워크는 미리 계획된 라이브러리로, CSS 언어를 사용하여 훨씬 쉽고 표준을 준수하는 웹 페이지 디자인 및 스타일 지정을 가능하게 합니다.

7. CSS의 사양은 누가 가정합니까?

CSS 사양은 World Wide Web Consortium에서 유지 관리합니다.

8. CSS를 웹사이트로 통합할 수 있는 방법은 무엇입니까?

CSS는 다음 세 가지 방법으로 웹 페이지로 통합할 수 있습니다.

• 인라인: CSS는 스타일을 어트리뷰션하여 HTML 요소를 적용했습니다.
• Embedded: 코드는 Head 요소 내부의 Style 요소 내에 배치될 수 있습니다.
• 링크됨/가져오기: CSS를 외부 파일에 보관한 다음 링크 요소를 통해 링크할 수 있습니다.

9. External Style Sheets는 어떤 장점과 단점을 제공합니까?

공적:

• 서로 다른 스타일을 가진 다양한 문서를 제어하는 ​​데 하나의 파일만 사용할 수 있습니다.
• HTML의 여러 요소는 여러 개의 문서를 가질 수 있으며 여러 클래스를 가질 수 있습니다.
• 복합 상황, 그룹화 및 선택자로서의 방법을 사용하여 스타일을 그룹화할 수 있습니다.

단점:

• 스타일 정보가 다른 문서의 경우 추가 다운로드가 필요합니다.
• 문서를 제공하려면 외부 스타일 시트를 다운로드해야 합니다.
• 작은 스타일의 정의에는 실용적이지 않습니다.

10. Embedded Style Sheets의 장점과 단점을 말씀해 주십시오.

공적:

• 추가 다운로드가 필요하지 않습니다.
• 단일 문서에서 여러 유형의 태그를 만들 수 있습니다.
• 선택기 및 그룹화 방법을 사용하여 복잡한 상황에서 스타일을 적용할 수 있습니다.

단점::

• 여러 문서를 제어하는 ​​데 사용할 수 없습니다.

11. CSS 선택기의 의미는 무엇입니까?

CSS 선택기는 선언 또는 선언 집합을 선언하는 데 사용하는 HTML과 동일한 문자열입니다. CSS 선택기에서 스타일 시트와 HTML을 라이닝하는 데 사용되는 링크입니다.

12. CSS에서 허용하는 미디어 유형은 무엇입니까?

미디어는 문서의 사용자 정의 및 디자인을 제공합니다. 미디어 제어는 네트워크에서 로드하여 외부 스타일 시트를 검색하고 사용하는 데 사용할 수 있습니다.

13. 물리적 태그와 논리적 태그를 구별합니까?

• 논리적 태그는 외관상 쓸모가 없지만 물리적 태그는 표시용 마크업입니다.
• 논리적 태그는 이전 버전이며 콘텐츠에만 집중하는 반면 물리적 태그는 새 버전입니다.

세계 최고의 대학에서 온라인으로 소프트웨어 과정 을 배우십시오 . 이그 제 큐 티브 PG 프로그램, 고급 인증 프로그램 또는 석사 프로그램을 획득하여 경력을 빠르게 추적하십시오.

14. 스타일 시트와 HTML의 차이점을 설명하십시오.

HTML에는 쉬운 구조 방법이 있지만 HTML에는 스타일이 없습니다. 스타일링 시트는 스타일을 제공할 뿐만 아니라 더 나은 서식 옵션과 검색 기능을 제공합니다.

15. '규칙집합'에 대해 설명하시겠습니까?

다른 선택자와 연결할 수 있는 선택자의 식별은 규칙 집합에 의해 수행됩니다.

16. CSS에 대소문자 구분이 있습니까?

글꼴 패밀리와 URL에는 대소문자를 구분하지만 CSS에는 대소문자를 구분하지 않습니다.

17. 선언 블록의 정의를 제공합니까?

선언 블록은 속성, 값, 중괄호 안에 콜론으로 구성된 방향의 카탈로그입니다.

18. 글꼴의 다양한 속성을 등록하시겠습니까?

그들은:

• 글꼴 스타일
• 글꼴 변형
• 글꼴 두께
• 글꼴 크기/줄 높이
• 글꼴군
• 표제
• 상

19. 파일을 삽입하면 가져오기가 쉬워지는 이유는 무엇입니까?

가져오기를 사용하면 외부 시트를 결합하여 다양한 시트에 배치할 수 있습니다. 다른 시트와 파일을 사용하여 다른 기능을 사용할 수 있습니다.

20. 클래스 선택기의 용도는 무엇입니까?

클래스 선택자는 특정 스타일에 고유한 속성이 있는 선택자입니다. 이를 통해 연관 및 스타일이 있는 HTML 선언이 가능합니다.

21. 클래스 선택기와 ID 선택기의 차이점은 무엇입니까?

ID 선택자는 다른 요소와 다른 단일 요소만 선택하는 반면 클래스 선택자는 전체 블록을 선택합니다. 요소는 때때로 클래스와 ID를 모두 가질 수 있습니다. ID는 고유하지만 클래스는 고유하지 않습니다.

22. CSS에 둘 이상의 선언을 추가할 수 있습니까?

세미콜론을 사용하여 CSS에서 둘 이상의 선언을 추가할 수 있습니다.

23. 의사 요소란 무엇입니까?

의사 요소는 선택기에 몇 가지 특수 효과를 추가합니다. CSS는 HTML 마크업에 다양한 스타일을 적용하지만, 문서에 추가 스타일링이나 마크업이 불가능한 경우가 있습니다. 이것은 CSS에서 사용할 수 있는 의사 요소(pseudo-element)로 알려진 기능이 사용되는 경우입니다. 실제 문서를 방해하거나 변경하지 않고 추가 스타일링 또는 마크업을 허용합니다.

24. 하이퍼링크에 밑줄을 긋는 방법은 무엇입니까?

하이퍼링크에 밑줄을 긋는 것은 외부 스타일 시트와 제어문을 사용하여 무효화할 수 있습니다.

25. CSS가 기본 속성 값을 복원하는 데 도움이 됩니까?

CSS에서는 기본값이 없기 때문에 이전 값으로 되돌릴 수 없습니다. 기본 속성을 되돌리려면 속성을 다시 선언해야 합니다.

CSS에서 사용되는 미디어 유형을 나열하시겠습니까?

다른 미디어는 대소문자를 구분하지 않기 때문에 CSS에서 다른 속성을 갖습니다.

그들은:

• Aural(음성 및 사운드 합성기용)
• 인쇄
• 투사
• 휴대용
• 화면

27. CSS Box Model을 정의하고 해당 요소를 명시합니까?

CSS 상자 모델은 CSS의 모든 요소의 레이아웃과 디자인을 정의합니다. 여기에는 여백, 테두리, 패딩 및 콘텐츠가 포함됩니다.

28. 컨텍스트 선택자란 무엇입니까?

컨텍스트 선택자는 요소의 특별한 발생을 선택하는 데 사용됩니다.

29. 16진수 색상 코드를 RGB 값과 비교하시겠습니까?

색상은 두 가지 방법으로 자세히 설명할 수 있습니다.

• 문자, 즉 #이 앞에 오는 문자와 숫자의 조합으로 색상을 16진법으로 코딩합니다.
• 색상 값을 지정할 수 있는 파란색, 녹색, 빨간색을 혼합하여 사용합니다.

30. CSS에 대한 컨텍스트로 이미지 스프라이트를 정의하시겠습니까?

이미지 스프라이트는 여러 이미지를 하나로 협업하는 프로세스입니다. 이미지 로딩에 걸리는 시간을 줄이고 정보를 더 빠르게 제공합니다.

31. CSS에서 그룹화와 중첩을 비교합니까?

그룹화: 그룹화에서 동일한 속성이나 값을 가진 선택자를 문자 그대로 그룹화하여 코드를 줄일 수 있습니다.

중첩: 중첩에서 선택자는 다른 선택자 내에 지정됩니다.

32. 요소의 치수는 어떻게 정의할 수 있습니까?

요소의 차원 속성은 다음과 같이 정의할 수 있습니다.

• 키
• 최대 높이
• 최대 너비
• 최소 높이
• 최소 너비
• 너비

33. float 속성이란 무엇입니까?

float 속성을 사용하면 텍스트와 함께 이미지를 오른쪽이나 왼쪽으로 이동할 수 있습니다. 이 속성을 적용해도 적용되는 요소의 속성은 변경되지 않습니다.

34. Z 인덱스는 어떻게 작동합니까?

때때로 CSS를 사용하여 HTML의 요소를 배치하는 동안 겹침이 발생할 수 있습니다. Z 인덱스는 겹치는 요소를 식별하고 지정하는 데 도움이 됩니다. Z 인덱스의 기본값은 0이지만 양수 또는 음수일 수 있습니다.

36. HTML 절차와 CSS 속성 중 어느 것이 선례입니까?

CSS 속성은 HTML 절차보다 우선합니다. CSS를 지원하지 않는 브라우저라도 HTML 속성을 표시합니다.

37. 인라인 스타일 정의?

인라인 스타일은 스타일을 추가하기 위해 HTML의 개별 요소에 사용됩니다.

38. CSS에서 주석을 어떻게 추가할 수 있습니까?

/* 및 */는 CSS에 주석을 추가하는 데 사용할 수 있습니다.

39. 속성 선택기란 무엇입니까?

속성 선택자는 값, 요소 및 해당 부분의 집합입니다.

40. 속성 정의?

속성은 CSS 언어에 영향을 주는 데 도움이 되는 스타일입니다. 여기에는 해당 속성이나 값이 포함되어 있습니다. 예. 기울임꼴, 굵게 등 다양한 스타일이 있는 글꼴

41. 규칙이 무엇입니까?

At-rule은 부분적으로가 아니라 전체 시트에 적용되는 규칙입니다. @ 앞에 AZ, az 또는 0-9가 옵니다.

42. CSS와 CSS3의 차이점은 무엇입니까?

CSS에는 모듈 개념이 없습니다. CSS3는 CSS 코드를 편리한 모듈로 그룹화할 수 있는 새로운 기능을 통합합니다. 모듈은 특정 구성 요소에 대한 모든 스타일이 한 위치에 있도록 합니다. 자세한 답변은 이 기사를 확인하세요.

결론

이 CSS 인터뷰 질문 모음은 CSS 인터뷰 를 준비하는 데 큰 도움이 될 것입니다. 이것은 확률이 높은 질문이며 생체 내에서 자주 묻는 질문입니다. 면접관이 이러한 질문을 할 경우에 대비하여 이러한 답변을 준비하십시오.

이 인터뷰를 더 잘 준비하고 싶다면 소프트웨어 개발의 Executive PG Program - Full Stack Development의 전문화 와 같은 과정 이 도움이 될 수 있습니다. HTML CSS 인터뷰 질문 을 더 잘 준비할 수 있도록 upGrad 의 다른 소프트웨어 개발 프로그램을 선택할 수도 있습니다 .