>  기사  >  웹 프론트엔드  >  Normalize.css 사용 방법

Normalize.css 사용 방법

藏色散人
藏色散人원래의
2021-01-18 09:40:513103검색

normalize.css 사용 방법: 먼저 Github에서 Normalize.css를 설치하거나 다운로드한 다음 Normalize.css를 프로젝트의 기본 CSS로 사용하거나 Normalize.css 소스 코드를 도입하고 빌드하세요.

Normalize.css 사용 방법

이 튜토리얼의 운영 환경: windows7 시스템, Dell G3 컴퓨터, Normalize.css v3.0.3.

추천: css 비디오 튜토리얼

Normalize.css는 작은 CSS 파일이지만 기본 HTML 요소 스타일에서 높은 수준의 브라우저 간 일관성을 제공합니다. 기존 CSS 재설정과 비교하여 Normalize.css는 HTML5용으로 준비된 현대적인 고품질 대안입니다. Normalize.css는 이제 Twitter Bootstrap과 기타 여러 프레임워크, 도구 및 웹사이트에서 사용됩니다.

Normalize.css는 CSS 재설정의 대안입니다. @necolas와 @jon_neal이 수백 시간 동안 브라우저별 기본 스타일의 차이점을 연구한 후, 이 프로젝트는 마침내 지금의 모습이 되었습니다.

다음 목표로 Normalize.css를 만듭니다.

  • 유용한 브라우저 기본 스타일을 완전히 제거하는 대신 유지합니다.

  • 일반화된 스타일: 제공

  • 대부분의 HTML 요소에 대한 탐색 수정 브라우저 자체의 버그 및 확인 브라우저 간 일관성

  • CSS 사용성 최적화: 코드 설명을 위해 몇 가지 팁

  • 사용: 주석 및 자세한 문서 사용

Normalize.css는 모바일 브라우저를 포함하여 지원 HTML5를 포함한 많은 브라우저는 Html5 요소를 일반화했습니다. 레이아웃, 목록, 포함된 콘텐츠, 양식 및 테이블. 이 프로젝트는 일반적인 원칙을 기반으로 하지만 적절한 경우 보다 실용적인 기본값이 사용됩니다.

normalize.css 사용 방법

먼저 Github에서 Normalize.css를 설치하거나 다운로드한 다음, 크게 두 가지 사용 방법이 있습니다.

전략 1: Normalize.css를 자신의 프로젝트의 기본 CSS로 사용하고 스타일 값을 디자이너의 요구에 맞게 맞춤설정하세요.

전략 2: Normalize.css 소스 코드를 도입하고 이를 기반으로 빌드하고 필요한 경우 자신의 CSS로 기본값을 덮어씁니다

위 내용은 Normalize.css 사용 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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