CSS3에서 -webkit은 무엇을 의미합니까?

CSS3에서 "-webkit"은 웹킷이 커널 브라우저의 비공개 속성임을 의미합니다. 다른 브라우저에서는 CSS3의 새로운 속성을 구문 분석하기 위해 다른 커널 이름이 지정되며 접두사는 "-webkit-" 속성입니다. webkit을 핵심으로 하는 브라우저에서 정상적으로 사용할 수 있습니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css3에서 -webkit은 무엇을 의미합니까?

"-webkit-" 접두사가 붙은 속성은 웹킷을 핵심으로 하는 브라우저에서 일반적으로 사용할 수 있습니다.

-webkit은 종종 Chrome 및 Safari 개인 속성을 나타내는 데 사용됩니다.

다양한 경우 브라우저는 이러한 새로운 속성을 구문 분석할 수 있도록 커널 이름을 규정합니다.

box-reduis, box-orient, text-overflow 등과 같은 일부 새로운 속성이 CSS3에 추가되었으며 이러한 속성은 이전에는 사용되지 않았습니다. 버전이 존재하지 않거나 지원되지 않으므로 다양한 브라우저의 경우 이러한 새 속성을 구문 분석할 수 있도록 커널 이름이 지정됩니다.

이것은 합리적인 설명인 것 같습니다. 즉, -moz-는 Firefox용이고 -webkit-은 Safari 및 Chrome용입니다.

• -moz는 Firefox 브라우저 개인 속성을 나타내고,

• -ms는 IE 브라우저 개인 속성을 나타내고,

• -webkit은 chrome 및 safari 개인 속성을 나타냅니다.

• 확장 정보:

일반적인 비공개 속성은 Chrome 브라우저를 예로 사용합니다

:: 전면이 빈 코드 전역이고 앞에 요소의 CSS 선택기가 있는 경우 element

1. 입력 상자

::-webkit-input-placeholder {}

//阻止input出现黄色背景
input:-webkit-autofill {
    background-color: #fff !important;
    -webkit-box-shadow: inset 0 0 0 1000px white !important;
}

입력 옆의 화살표를 지웁니다.[type=”number”]

input::-webkit-inner-spin-button { -webkit-appearance: none; }

2. 텍스트 선택 비활성화

* {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

(동영상 공유 학습:

css 동영상 튜토리얼

)

위 내용은 CSS3에서 -webkit은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!