CSSer는 다른 IT 직위와 마찬가지로 면접관이 묻는 질문이나 일자리를 찾을 때 제공되는 시험지에 직면하게 됩니다. 오늘 52CSS.com은 귀하에게 도움이 되기를 바라며 8가지 일반적인 인터뷰 질문을 수집했습니다.
1. 하이퍼링크를 클릭해도 호버 스타일이 나타나지 않나요?
클릭한 하이퍼링크 스타일에는 더 이상 호버 및 활성 스타일이 없습니다. 해결 방법은 CSS 속성의 순서를 변경하는 것입니다. LVHA
2. IE6의 마진 이중 마진 버그 문제
예를 들어:
<스타일 유형="텍스트/css"> 본문 {여백:0;} div {float:왼쪽; 여백-왼쪽:10px; 높이:200px; |
플로팅 후 원래 여백은 10px이지만 IE는 이를 20px로 해석합니다. 해결 방법은 display:inline;
3. Firefox의 텍스트가 컨테이너 높이를 확장할 수 없는 이유는 무엇입니까?
표준 브라우저에서 고정된 높이 값을 갖는 컨테이너는 IE6처럼 늘어나지 않습니다. 그렇다면 고정된 높이를 갖고 늘어나도록 하려면 어떤 설정을 해야 할까요? 해결책은 높이를 제거하고 min-height:200px를 설정하는 것입니다. 최소 높이를 모르는 IE6을 처리하려면 다음과 같이 정의할 수 있습니다.
| div { 높이:자동!중요; 높이:200px } |
4. 웹 표준에서는 왜 IE 브라우저의 스크롤바 색상을 설정할 수 없나요?
원래 스타일 설정:
<스타일 유형="텍스트/css"> body { 스크롤바-얼굴-색상:#f6f6f6; 스크롤바-그림자-색상:#eeeeee; 스크롤바-화살표-색상:#000; -색상:#fff; 스크롤바-어두운 그림자-색상:#fff } |
해결책은 본문을 html로 바꾸는 것입니다.
5. 약 1px 높이의 컨테이너를 정의하는 방법은 무엇입니까?
IE6에서 이 문제는 기본 줄 높이로 인해 발생하며 다음과 같은 다양한 해결 방법이 있습니다. Overflow:hidden | line-height:1px
6. FLASH에서 레이어를 표시하는 방법은 무엇입니까?
해결책은 FLASH의 투명도를 설정하는 것입니다.
: |
7. 브라우저에서 div 레이어를 중앙에 배치하는 방법은 무엇입니까?
<스타일 유형="텍스트/css"> |
여기서는 백분율 절대 위치 지정을 사용하고, 패치 외부에서 음수 값을 사용하는 방법을 사용합니다. 음수 값의 크기는 자체 너비와 높이를 2로 나눈 값입니다.
8. Firefox 브라우저에서 중첩된 div 태그의 센터링 문제에 대한 솔루션
다음 상황을 가정합니다.
a 내에서 b를 중앙에 배치하려면 일반적으로 CSS를 사용하여 a의 text-align 속성을 중앙으로 설정하면 됩니다. 이 방법은 IE에서는 정상적으로 보이지만 Firefox에서는 b가 왼쪽에 있습니다.
해결책은 b의 수평 여백을 자동으로 설정하는 것입니다. 예를 들어 b의 CSS 스타일을 다음과 같이 설정합니다. margin: 0 auto;