YUI3 CSS 재설정의이 부분을 자세히 설명하십시오.

Question

CSS 재설정에서이 두 가지의 유용성은 무엇입니까?

IE에서 입력 요소의 크기를 조정할 때 어떤 문제가 있습니까?

과가 있지만, 모든 webbrowsers에, 첫 번째 규칙은 실제로 단지 IE에 적용되지 않습니다 color:#000;

/*to enable resizing for IE*/ 
input, 
textarea, 
select { 
    *font-size:100%; 
} 
/*because legend doesn't inherit in IE */ 
legend { 
    color:#000; 
} 

Answer 1

추가 해결 될 수있는 방법을 범례 색상은 IE에서 상속하지 않는 경우. 일반적으로 당신이 body에 글로벌 글꼴을 정의하고 싶습니다 :

body { 
    font: 1.1em verdana, arial, sans-serif; 
} 

을하지만이 적용되지 않습니다 모든 webbrowsers에서 양식 컨트롤에 (상속). 그런 다음이 규칙은 글꼴 크기를 적용합니다 (유일한 경우).

input, select, textarea { 
    font: inherit; 
} 

하지만 그 IE6/7에서 작동하지 않습니다 : 한 가지 방법은 이러한 요소에 fontinherit에 설정하는 것입니다. 또 다른 방법은 명시 적 규칙의 요소를 포함하는 것입니다 만 설정되어있는 font-size가 유이 사람 인 (형태가 자신의 브라우저의 기본 글꼴 군을 제어 유지하려는 아마도 때문임을

body, input, select, textarea { 
    font: 1.1em verdana, arial, sans-serif; 
} 

sans-serif은 input이고, select은 monospace이고, textarea 인 경우). IE6/7이 inherit을 지원하지 않기 때문에 100%이 사용되었습니다.

두 번째 규칙에 관해서 : 나는 그들이 여기서 무엇을 의미하는지 확신하지 못한다. 나는 IE6/7에서 약간의 테스트를했다. legend은 상위 요소의 색만 상속받습니다. 어쩌면 실제 문제가 다른 곳에 있을까요?