CSS의 -webkit- 및 -moz- 접두사는 무엇이며 어떻게 사용해야 합니까?

-moz- 및 -webkit- 접두사 이해

"-webkit-" 또는 "-moz-와 같은 접두사가 있는 CSS 코드를 접하는 경우 ", 그들의 목적을 이해하는 것이 중요합니다. 이러한 접두사는 W3에서 표준화하기 전에 새로운 또는 독점 CSS 기능의 구현을 허용하는 공급업체별 속성입니다.

공급업체 접두사의 이점

이러한 접두사는 다음을 가능하게 합니다. 새로운 기능을 테스트하고 다양한 렌더링 엔진의 불일치를 설명하기 위한 브라우저입니다. 브라우저 호환성이 향상됨에 따라 속성의 최종 버전이 지원되면 접두사는 점차적으로 제거됩니다.

접두사 사용 모범 사례

공급업체 접두사 사용을 권장합니다. 버전의 속성을 먼저 사용한 다음 접두사가 없는 버전을 따릅니다. 이렇게 하면 접두사가 없는 속성이 브라우저에서 지원되면 접두사가 붙은 설정을 재정의합니다. 예:

.elementClass {
    -moz-border-radius: 2em;
    -ms-border-radius: 2em;
    -o-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
}

특정 예

제공된 CSS 코드에서:

-webkit-column-count: 3;
-webkit-column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-count: 3;
-moz-column-gap: 10px;
-moz-column-fill: auto;

접두사가 붙은 속성은 열 개수를 설정합니다. Webkit 브라우저에 대한 열 간격 및 열 채우기 속성 및 Firefox.

참조

• CSS 다중 열 레이아웃 모듈
• '공급업체 접두사 방어'(Meyerweb.com)
• 공급업체 접두사 목록 (메이어웹닷컴)

위 내용은 CSS의 -webkit- 및 -moz- 접두사는 무엇이며 어떻게 사용해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!