재설정하거나 재설정하지 않으려면 -CSS 질문이 있습니다.

키 포인트

🎜> CSS 재설정은 대부분의 스타일 (예 : 글꼴, 선 높이, 마진, 충전 및 경계)을 제거하여 다른 브라우저에 대한 일관된 스타일 시작점을 제공합니다. 그러나 페이지 크기가 증가하고 모든 요소를 ​​재설정해야하므로 파일 크기가 더욱 증가합니다. CSS 재설정은 브라우저 호환성 문제를 최소화하지만 다양한 장치에서 버그 및 취약점을 해결해야하므로 브라우저 테스트가 필요하지는 않습니다. 또한 다른 브라우저가 페이지를 다르게 렌더링하기 때문에 모든 장치에서 픽셀의 완벽한 렌더링을 보장하지는 않습니다. CSS 재설정 사용 결정은 개발 습관이 아닌 특정 프로젝트에 대한 실용성을 기반으로해야합니다. 개발자는 CSS 재설정이 실제로 유익한 지 또는 불필요한 작업을 유발하는지 여부를 평가해야합니다. 실험으로 개발자는 웹 사이트에서 재설정 스타일을 제거하여 상당한 차이가 있는지 확인할 수 있습니다. 각 웹 브라우저는 기본 스타일 시트를 사용합니다. 사용자 정의 CSS를 제공하지 않으면 HTML이 합리적으로 렌더링되도록합니다. 어떤 상황을 알고 있습니다 : 가시 불가능한 링크는 파란색이며, 액세스 링크는 자주색이며, 굵은 레이블이 굵은 표현, H1 제목 텍스트는 더 큽니다. 불행히도, 제조업체는 우리의 삶을 복잡하게하고 각 브라우저는 다른 기본 스타일을 사용합니다. 그렇다면 사용자 정의 CSS가 특정 장치에서 구현 된 기본 스타일의 영향을받지 않도록하는 방법은 무엇입니까? 답은 CSS 재설정입니다. 다른 브라우저에서 요소가 일관되게 렌더링되도록 대부분의 스타일을 제거합니다. 일반적으로 모든 글꼴과 라인 높이는 100%로 복원되고, 여백 및 패딩은 0px로 설정되고, 경계가 제거되고, 주문/반지되지 않은 목록이 스타일리스가됩니다. Eric Meyer의 CSS 재설정은 가장 빠른 것 중 하나이며 가장 유명하고 가장 일반적으로 사용됩니다. HTML5 HTML5 의사를위한 HTML5 스타일 시트를 재설정하면 새로운 요소를 스타일링하는 데 도움이 될 수 있습니다. CSSRESET.com은 많은 옵션과 문서를 제공합니다. CSS를 사용하여 재설정하고 있습니까? 당신은 그것을 사용해야합니까? 나는 30 개 사이트의 임의의 컬렉션을 보았는데, 대부분 CSS 재설정을 사용했습니다. 장점은 분명합니다. 1. 그들은 빈 캔버스를 제공합니다. 2. 개발은보다 논리적 일 수 있습니다. 스타일을 추가하거나 삭제하거나 수정하지 않습니다. 3. 브라우저 호환성 문제를 최소화 할 수 있습니다. 이러한 장점에도 불구하고 CSS 재설정을 사용하지 않습니다. 실제로 이것은 정확하지 않습니다. 기본값은 거의 유용하지 않기 때문에 종종 기본 마진과 패딩 리셋을 사용합니다.

{패딩 : 0;

• <code></code>

  이것은 모든 태그에 영향을 미치며 일부 개발자는 CSS 처리가 혼란스러워 지거나 느린 CSS 처리로 이어질 수 있다고 말합니다. 나는 그것이 문제가되는이 상황이 없었습니다. CSS 재설정의 주요 문제는 다음과 같습니다. 추가 페이지 크기 대부분의 CSS 리셋은 약 2KB 코드 (압축되지 않은)를 추가합니다. 이것은 많이 들리지 않을 수 있지만 대부분의 CSS 파일이 10KB를 거의 초과하지 않을 때 큰 오버 헤드입니다. 추가 노력 CSS 재설정을 사용하려면 모든 요소를 ​​다시 유지해야합니다. 이렇게하면 파일 크기가 더욱 증가합니다. 때로는 브라우저의 기본 설정에 만족합니다. 글꼴 무게, 라인 높이, 링크 개요, 총알 도트 및 기타 스타일이 일반적으로 좋습니다. 그렇지 않다면, 그에 따라 변경하겠습니다. 다른 브라우저는 다른 방식으로 페이지를 렌더링합니다. 두 브라우저는 동일하지 않지만 일부 사람들은 모든 장치에서 픽셀-완벽한 렌더링을 기대합니다. CSS 재설정은 일반적으로 그러한 목표를 달성 할 수 있다는 인상을줍니다. 이것은 사실이 아닙니다. 개인적으로, 나는 Firefox의 제목이 IE보다 2 픽셀이거나 "Bold"에 대한 Opera의 이해가 Chrome보다 약간 무겁다는 것을 신경 쓰지 않습니다. CSS 재설정은 이러한 문제를 해결하지 못합니다. 브라우저 테스트의 필요성을 제거하지 않습니다. CSS 재설정이 브라우저 일관성에 도움이되지 않는다고 생각합니다. 코드 나 브라우저로 인한 오류 및 취약점을 해결할 수 있도록 가능한 한 많은 장치에서 웹 사이트 또는 응용 프로그램을 테스트해야합니다. 그들은 내 워크 플로에 맞지 않습니다. 나는 CSS 프레임 워크를 좋아하지 않습니다. 일반 CSS 방법이 웹 사이트를 구축하기 위해 작동하는 상황을 거의 만나지 않습니다. 다른 곳에서 일부 코드 스 니펫을 복사 할 수도 있지만 전체적으로 빈 파일로 시작하는 것이 좋습니다. 여전히 내 코드이며 오류가 발생할 때 어디로 가야할지 알고 있습니다. 복잡하지는 않지만 CSS 재설정은 예상치 못한 결과를 생성 할 수있는 프레임 워크입니다. 그들은 시간을 절약하지 못하면 CSS 재설정이 몇 시간의 개발 시간을 절약 했습니까? 내가 화난 CSS 리셋 팬들에게 공격을받을 때까지, 나는 당신이 그것들을 절대 사용해서는 안된다고 말하는 것이 아닙니다. 그들은 당신을 위해 일할 수 있습니다. 웹 개발에 새로운 사람들에게도 유용하다고 생각합니다. 그러나 CSS 재설정이 정말 유용하거나 이미 개발 습관이기 때문에 재설정을 추가하고 있습니까? 테스트로 웹 사이트에서 재설정 스타일을 제거하여 큰 차이가 있는지 확인하십시오. CSS를 사용하여 재설정하고 있습니까? 최근 에이 관행을 채택하거나 포기 했습니까? 그들은 도움이됩니까? CSS 재설정에 대한 FAQ (FAQ)
  CSS 재설정의 주요 목적은 무엇입니까?
CSS 재설정은 기본 라인 높이, 여백 및 제목 글꼴 크기에서 브라우저 불일치를 줄이는 방법입니다. CSS 재설정의 전반적인 이유는 개발자가 깨끗한 백플레인으로 시작하여 예상치 못한 브라우저 불일치를 사용하여 웹 사이트 또는 웹 애플리케이션을 스타일링 할 수 있기 때문입니다. 기본적으로 모든 브라우저가 모든 스타일을 NULL로 재설정하도록하여 브라우저 별 기본값을 피합니다.

CSS 재설정은 오늘날에도 여전히 관련이 있습니까?

예, CSS 재설정은 오늘날에도 여전히 관련이 있습니다. 현대식 브라우저는 기본 스타일 측면에서 더 일관성이 있지만, 특히 더 복잡한 디자인을 다룰 때 차이가 발생할 수있는 경우가 여전히 남아 있습니다. CSS 재설정은 디자인이 다른 브라우저에서 가능한 한 유사하게 보이도록 도와줍니다.

CSS 재설정을 구현하는 방법은 무엇입니까?

CSS 재설정 구현은 매우 간단합니다. CSS 파일 상단에 CSS 재설정 스타일을 포함시킵니다. 이를 통해 사용자 정의 스타일이 적용되기 전에 재설정 스타일이 적용됩니다. CSS 파일에 복사하여 붙여 넣을 수있는 Meyer의 재설정 CSS 및 Normalize.css와 같은 몇 가지 인기있는 CSS 재설정이 있습니다.

CSS 재설정 및 정상화 CSS의 차이점은 무엇입니까?

CSS 재설정은 모든 HTML 요소의 스타일을 "0"또는 NULL로 설정하여 브라우저 불일치를 줄이도록 설계되었습니다. 반면에 정상화 .CSS는 CSS 재설정에 대한 현대적이고 HTML5 지원 대안입니다. 그것은 모든 것을 "스타일링"대신 일련의 합리적인 불이행을 만들 것입니다. 또한 기존 재설정 범위를 벗어난 몇 가지 일반적인 오류를 수정합니다.

CSS 재설정이 내 웹 사이트의 성능에 영향을 미칩니 까?

CSS 재설정은 CSS 파일의 크기를 약간 증가시켜 웹 사이트의 성능에 영향을 줄 수 있습니다. 그러나 그 영향은 종종 작으며 종종 크로스 브라우저 일관성 향상과 같은 CSS 재설정 사용의 이점에 의해 상쇄됩니다.

각 프로젝트에 CSS 재설정을 사용해야합니까?

각 프로젝트에 CSS 재설정을 사용하는 것은 엄격하게 필요하지 않습니다. 그러나 브라우저 기본값으로 인한 예기치 않은 스타일 문제를 피할 수 있기 때문에 일반적으로 대규모 프로젝트에서는 일반적으로 사용하는 것이 가장 좋습니다.

내 요구에 맞게 CSS 재설정을 사용자 정의 할 수 있습니까?

예, 물론 귀하의 요구에 맞게 CSS 재설정을 사용자 정의 할 수 있습니다. 실제로 프로젝트의 요구에 더 잘 맞도록 재설정 스타일을 조정하는 것이 일반적인 관행입니다. 예를 들어, 일부 요소의 재설정 스타일을 수정하거나 다른 스타일을 추가하여 전달되지 않은 요소를 재설정 할 수 있습니다.

CSS 재설정 사용에 대한 몇 가지 대안은 무엇입니까?

CSS 재설정을 사용하는 것 외에도 브라우저 불일치를 처리하는 다른 방법이 있습니다. 인기있는 대안은 Normalize.css와 같은 CSS 표준 주의자를 사용하는 것입니다. 또 다른 방법은 Bootstrap 또는 Foundation과 같은 CSS 프레임 워크를 사용하는 것인데, 여기에는 일반적으로 자체 버전의 CSS 재설정 또는 사양이 포함되어 있습니다.

CSS 재설정은 사용자 경험에 어떤 영향을 미칩니 까?

CSS 재설정은 웹 사이트 또는 웹 애플리케이션이 다른 브라우저에서 일관되게 보이도록하여 사용자 경험을 향상시킵니다. 이를 통해 디자인을보다 쉽게 ​​예측하고 사용하기 쉽게 만들어 전반적인 사용자 경험이 향상 될 수 있습니다.

SASS 이하의 사전 처리기에서 CSS 재설정을 사용할 수 있습니까?

예, SASS 이하와 같은 전처리 업체에서 CSS 재설정을 사용할 수 있습니다. 일반적으로 일반 CSS 파일과 마찬가지로 기본 SASS 이하의 파일 상단에 리셋 스타일이 포함됩니다.

위 내용은 재설정하거나 재설정하지 않으려면 -CSS 질문이 있습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!