CSS 프레임워크
CSS framework |
CSS 프레임워크는 Cascading Style Sheets 언어를 사용하여 보다 쉽고 규격에 준거한 웹 설계를 가능하게 하는 라이브러리입니다.이러한 프레임워크의 대부분은 적어도 그리드를 포함합니다.더 많은 기능 프레임워크는 더 많은 기능과 추가 JavaScript 기반 기능을 포함하지만 대부분 디자인 지향적이고 대화형 UI 패턴에 초점을 맞추고 있습니다.여기에서는 CSS 프레임워크와 다른 JavaScript 프레임워크의 차이점을 설명합니다.
주목되고 널리 사용되는 두 가지 예는 부트스트랩과 파운데이션입니다.
CSS 프레임워크는 다양한 모듈과 도구를 제공합니다.
- 스타일 시트 재설정
- 특히 응답성이 뛰어난 웹 설계를 위한 그리드
- 웹 타이포그래피
- 스프라이트 또는 아이콘 글꼴의 아이콘 세트
- 도구 설명, 단추, 양식 요소에 대한 스타일 지정
- 아코디언, 탭, 슬라이드 쇼 또는 모달 창(Lightbox) 등의 그래피컬 사용자 인터페이스의 일부
- 이퀄라이저로 동일한 높이 콘텐츠를 만듭니다.
- 자주 사용되는 CSS 도우미 클래스(왼쪽, 숨김)
큰 프레임워크에서는 Less 또는 Sass와 같은 CSS 인터프리터를 사용합니다.
주목할 만한 CSS 프레임워크 목록
| 이름. | 최신 릴리즈(날짜) | 면허증. | 격자무늬 | 단위 | 특징들 | No. 컬럼의 |
|---|---|---|---|---|---|---|
| 청사진 | 1.0.1 (2011년 [1]5월 14일) | MIT 라이선스 | 버튼, 탭, 스프라이트의 타이포그래피, 폼, 프린트, 플러그인. | |||
| 부트스트랩 | 5.1.3 (2021년 [2]10월 9일) | MIT 라이선스 (3.1.0보다 이전 버전)라이선스) | 고정, 유동, 응답성 | px, % | 레이아웃, 타이포그래피, 폼, 버튼, 내비게이션, 미디어 쿼리, .sass 파일, JavaScript 라이브러리, RTL 레이아웃. | [Any] 디폴트[3] |
| 토대 | 6.6.3 (2020년 4월 8일) | MIT 라이선스 | 유동적인 | px, % | 응답성 레이아웃, 소스 순서 지정, 타이포그래피, 폼, 버튼, 네비게이션, 미디어 쿼리 및 JavaScript 라이브러리. | [Any] 디폴트[5] |
| YAML | 4.1.2(2013년 [6]7월 28일) | CC-BY 2.0 | 고정, 탄력, 유동 | px, em, % | 레이아웃, 그리드, 열, 양식, 버튼, 반응성 레이아웃, 플로트 핸들링, 내비게이션, 타이포그래피, 접근성 및 추가 기능을 위한 점진적 선형화.(액세스 가능한 탭, RTL 지원 및 마이크로포맷) | 조금도 |
| YUI CSS 그리드 | 3.18.1 (2014년 [7]10월 22일) | BSD-3 | 고정 유동적인 | |||
| 순풍 | 3.0 (2021년 11월 5일) | MIT 라이선스 | 고정, 유동, 응답성 | 조금도 |
「 」를 참조해 주세요.
레퍼런스
- ^ "Releases · joshuaclayton/blueprint-css · GitHub". GitHub. Retrieved 23 April 2020.
This repository has been archived by the owner. It is now read-only.
- ^ "Releases · twbs/bootstrap · GitHub". GitHub. Archived from the original on 2014-06-01. Retrieved November 15, 2021.
- ^ 부트스트랩 매뉴얼 - 그리드 커스터마이즈
- ^ "Releases · foundation/foundation-sites · GitHub". GitHub. Retrieved 24 April 2020.
- ^ 기초 문서 - 그리드
- ^ "Releases · yamlcss/yaml · GitHub". GitHub. Retrieved 24 April 2020.
- ^ "Releases · yui/yui3 · GitHub". GitHub. Retrieved 24 April 2020.
