>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 voice-family: '\'}\''의 역할은 무엇입니까?

CSS에서 voice-family: '\'}\''의 역할은 무엇입니까?

黄舟
黄舟원래의
2017-07-17 14:12:592604검색

CSS에서 voice-family: ""}""의 기능은 무엇인가요?

#centercontent { 
                 background-color: #006600;
                   background-image: url(../img/home_main_bg.gif);
                   background-repeat: repeat-x;
                   height: 502px;
                   width: 772px;
                   margin-top: 0px;
                   margin-right: auto;
                  margin-bottom: 0px;
                   margin-left: auto;
                   border: 1px solid #006600;
                   voice-family: "\"}\""; 
                   voice-family: inherit; 
                   height: 500px;
                   width: 770px;
}

너비는 770PX로 설정되어 있으며 테두리는 1PX입니다. 단, Window IE5.5 이전 브라우저에서 페이지를 탐색할 경우 메인 레이어의 너비는 실제 너비(770px-1px-1px)보다 2px 작아집니다. , 조정이 필요합니다. 수정, 수정 방법은 다음과 같습니다. 여기서는 스타일시트의 "계단식" 기능이 사용됩니다. 동일한 선택기의 동일한 속성에 대해 나중에 정의된 값이 이전에 정의된 값을 덮어씁니다.

  그리고 "voice-family:""}"" ;voice-family:inherit;"는 CSS의 음성 속성입니다. Window IE5.5는 CSS2를 완전히 지원하지 않으므로 이 속성을 인식하지 못합니다. 다음 선택자.

IE5는 voice-family: ""}"" 두 단락을 올바르게 읽을 수 없으므로 두 번째 Width를 읽기 전에 #centercontent 읽기를 포기합니다.个 이는 동일한 클래스에서 두 개의 너비 값을 정의할 수 있습니다. (실제로 이는 반복 정의의 전형적인 예이지만 다른 브라우저에서는 문제가 발생하지 않습니다.)

voice-family 없이 문제를 해결하는 또 다른 방법: ""}"";:

너비: 770px

너비: 772px;

위 내용은 CSS에서 voice-family: ''}''의 역할은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.