CSS에서 해킹이란 무엇을 의미합니까?-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

CSS에서 해킹이란 무엇을 의미합니까?

清浅

Dec 07, 2018 pm 04:36 PM

hack

CSS의 해킹은 우리가 원하는 페이지 효과를 제공할 수 있도록 다양한 브라우저와 버전에 대해 서로 다른 CSS 스타일을 작성하는 것입니다.

CSS 해킹은 주로 브라우저 호환성 문제를 해결하는 데 사용되며 다양한 브라우저는 서로 다른 CSS를 작성합니다. 그리고 다른 브라우저에서도 원하는 페이지 효과를 얻을 수 있습니다. 오늘은 기사

에서 어떤 해킹이 있는지 자세히 소개하겠습니다. 해킹의 정의: 해킹은 Internet Explorer, Firefox, Chrome 등 제조업체가 다른 브라우저 또는 동일한 제조업체의 브라우저 버전이 다르기 때문에 발생합니다. 생성된 페이지 효과도 다릅니다. 이때 서로 다른 브라우저와 호환되고 서로 다른 브라우저에서 얻을 수 있도록 서로 다른 브라우저에 대해 서로 다른 CSS를 작성해야 합니다. 즉, 해킹의 목적은 CSS 코드가 다른 브라우저와 호환되도록 만드는 것입니다
예: CSS3 속성을 작성할 때 아래와 같이 브라우저마다 다른 코드를 작성해야 하는 경우가 종종 있습니다

animation:5s;/*标准版*/
-moz-animation: 5s;/* Firefox */
-webkit-animation:5s;/* Safari 和 Chrome */
-o-animation:5s;/* Opera */

! 중요한 문제:

Internet Explorer 6 이하에서는 !important 식별자에 문제가 있습니다. 동일한 속성을 가진 다른 스타일이 동일한 스타일 선언 블록에 나타나면 해당 식별자가 무시됩니다. 이는 Internet Explorer 6 및 기타 브라우저가 무시하는 특수 속성 값을 제공하는 데 사용될 수 있습니다. 하지만 이 문제는 Internet Explorer 7 이상에서는 발생하지 않습니다

  p
 {
     background: green !important;
     background: red; 
         }
      </style>
   </head>
   <body class="page-body">
      <p>Test</p>

IE 브라우저의 F12 디버깅 도구를 통해 IE 버전을 전환하여 실행 효과를 확인할 수 있습니다

IE5:

IE8:

*HTML 문제

hack 부분의 코드는 별표 "*" 다음에 "html"로 표시됩니다. 이는 범용 선택자와 요소 유형 선택자의 조합입니다. 어느 시점에서 다른 선택기 전에 이 두 선택기가 함께 사용되면 일부 하위 버전의 브라우저에서만 효과가 있고 다른 브라우저에서는 효과가 없습니다. 아무런 효과가 없더라도 실제로는 효과적이므로 오류를 보고하지 않습니다.

CSS에서 해킹이란 무엇을 의미합니까?

*html p
         {
            background: green;
            background: red; 
         }
      </style>
   </head>
   <body class="page-body">
      <p>Test</p>

IE5:

CSS에서 해킹이란 무엇을 의미합니까?

IE8:

요약: 위 내용은 이 글의 전체 내용입니다. , 이 기사가 모든 사람에게 해킹에 대한 확실한 이해를 줄 수 있기를 바랍니다

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

성명

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

관련 기사

슬라이드 아웃 바닥 글Apr 09, 2025 am 11:50 AM

마크 업이라는 매혹적인 새 사이트가 방금 시작되었습니다. 태그 라인 : Big Tech가 당신을보고 있습니다. 우리는 큰 기술을보고 있습니다. 위의 위대한 일. 그만큼

좋아하는 페이지Apr 09, 2025 am 11:47 AM

나는 다른 날 JavaScript로 RSS 피드를 구문 분석하는 것에 대해 게시했습니다. 또한 RSS 설정에 대해 Feedbin이 어떻게 핵심인지에 대해 이야기했습니다.

Codepen Gutenberg Embed Block for Sanity.io를 재현합니다Apr 09, 2025 am 11:43 AM

Chris Coyier의 WordPress의 Gutenberg 편집기 구현에서 영감을 얻은 Sanity Studio를위한 미리보기로 사용자 정의 코드펜 블록을 만드는 방법에 대해 알아보십시오.

CSS와 라인 차트를 만드는 방법Apr 09, 2025 am 11:36 AM

라인, 바 및 파이 차트는 대시 보드의 빵과 버터이며 모든 데이터 시각화 툴킷의 기본 구성 요소입니다. 물론 SVG를 사용할 수 있습니다

접근 가능한 색상 조합을 생성하기 위해 SASS를 프로그래밍합니다Apr 09, 2025 am 11:30 AM

우리는 항상 웹에 더 액세스 할 수 있도록하고 있습니다. 색상 대비는 수학 일 뿐이므로 Sass는 디자이너가 놓친 에지 케이스를 다룰 수 있습니다.

SVG에서 타탄 패턴을 생성하는 정적 사이트를 만드는 방법Apr 09, 2025 am 11:29 AM

타탄은 일반적으로 스코틀랜드, 특히 세련된 킬트와 관련된 패턴의 천입니다. tartanify.com에서 우리는 5,000 개가 넘는 타탄을 모았습니다

PHP 템플릿에 대한 후속 조치Apr 09, 2025 am 11:14 AM

얼마 전, PHP 템플릿에 대해 PHP (기본적으로 HEREDOC 구문)에 대해 게시했습니다. 나는 문자 그대로 그 기술을 사용하여 슈퍼 기본을 사용합니다

부트 스트랩 구성 요소가있는 모달 이미지 갤러리 생성Apr 09, 2025 am 11:10 AM

다른 사진을보기 위해 탐색으로 더 큰 버전의 이미지를 열어주는 웹 페이지의 이미지를 클릭 한 적이 있습니까?

See all articles

핫 AI 도구

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.