Pure.CSS 소개 - 가벼운 반응 형 프레임 워크

간소화 된 CSS 프레임 워크 인 Pure.css는 웹 사이트 디자인을 단순화합니다. Bootstrap과 같은 더 무거운 프레임 워크와 달리 Pure는 성능 의식 프로젝트에 이상적으로 4KB 미니어링 및 Gzipped의 소형 발자국을 자랑합니다. 모듈 식 디자인은 필요한 구성 요소 만 포함하여 파일 크기를 추가로 줄일 수 있습니다. <.> Pure.css를 한 줄로 통합합니다

주요 기능 :

경량 및 반응 형 :

Pure의 최소 디자인 및 반응 형 그리드 시스템은 빠른 로딩 시간과 장치 전체의 최적의 시청을 보장합니다. 고유 한 그리드 시스템 :

Pure는 부트 스트랩과 구별되는 분수 그리드 시스템 (순수한 G 및 Pure-U-*)을 사용하여 레이아웃 설계의 유연성을 제공합니다.

<code class="language-html"><link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css"></code>

사용자 정의 가능한 메뉴 :

드롭 다운 기능을 포함하여 수직 및 수평 내비게이션 메뉴를 쉽게 작성하고 사용자 정의합니다. 다목적 형태 : Pure의 양식 및 그리드 모듈을 사용하여 스택, 정렬 및 다중 열 형태를 포함한 다양한 형태 스타일을 구성합니다. 확장 가능하고 사용자 정의 가능 :

특정 설계 요구에 맞게 Pure의 기능과 스타일을 쉽게 확장 할 수 있습니다. 충돌없이 다른 프레임 워크와 결합하십시오.

• 그리드 시스템 개요 : Pure 's Grid 시스템은 를 래퍼로 사용하고 유닛의 클래스를 사용합니다. 너비는 분수로 정의됩니다 (예 :
는 40%). 반응 형 디자인은 미디어 쿼리 (예 : )를 사용하여 달성됩니다 예 :
• 내비게이션 메뉴 : Pure는 간단한 수직 메뉴를 제공하며 를 사용하여 쉽게 수평으로 변환됩니다. 드롭 다운 메뉴는
및
• 형태 : 기본 양식의 경우 를 사용하고 를 쌓아 놓은 경우
• 및 정렬 된 양식의 경우 입니다. 멀티 컬럼 형태는 그리드 시스템을 활용합니다. 사용자 정의 및 확장 :
Pure의 최소 스타일은 쉽게 사용자 정의 할 수 있습니다. 맞춤형 스타일을 만들고 Pure를 Bootstrap과 같은 다른 프레임 워크와 결합합니다.
• 결론 : pure.css는 웹 개발을위한 강력하면서도 가벼운 솔루션을 제공합니다. 단순성과 유연성은 특히 성능이 가장 중요 할 때 더 큰 프레임 워크에 대한 강력한 대안이됩니다. 잠재력을 탐색하고 Github에 대한 지속적인 발전에 기여하십시오. .
자주 묻는 질문 :

경량 특성 :
• Pure의 작은 크기 (3.8KB 미니딩 및 Gzipped)는 빠른 로딩 시간을 보장합니다. 응답 성 : 는 정상화 .css를 구축하고 반응 형 그리드 시스템을 활용하여 다양한 화면 크기에 매끄럽게 적응합니다. 사용자 정의 : 디자인 요구 사항에 맞게 Pure의 스타일을 쉽게 사용자 정의하십시오. 코어 구성 요소 :
그리드, 양식, 버튼, 테이블 및 메뉴 포함 다른 프레임 워크와 비교 : 광범위한 기능보다 단순성과 가벼운 성능을 우선시합니다. 초보자-친절 함 :
• 간단한 성격으로 초보자가 접근 할 수 있습니다 JavaScript 호환성 : JavaScript 라이브러리 및 프레임 워크와 완벽하게 작동합니다 활성 유지 보수 : Github에서 지속적으로 유지 관리 및 업데이트 오픈 소스 및 무료 : 무료 사용을 위해 BSD 라이센스에 따라 사용할 수 있습니다.

위 내용은 Pure.CSS 소개 - 가벼운 반응 형 프레임 워크의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!