CSS 프레임워크란 무엇인가

CSS 프레임워크는 웹 프런트 엔드를 단순화하기 위한 기본 요소 재설정, 페이지 레이아웃, 그리드 레이아웃, 양식 스타일, 일반 규칙 및 기타 코드 블록을 포함하는 일련의 CSS 파일 모음입니다. . 업무를 개발하고 업무 효율성을 향상시킵니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

CSS 프레임워크는 CSS 파일 모음인 사전 준비된 소프트웨어 프레임워크입니다. 간단히 말해서, 원하는 효과를 빠르게 얻으려면 HTML 요소에 특정 클래스를 추가하기만 하면 됩니다.

CSS 프레임워크에는 기본 요소 재설정, 페이지 레이아웃, 그리드 레이아웃, 양식 스타일, 일반 규칙 및 기타 코드 블록이 포함되어 웹 프런트 엔드 개발 작업을 단순화하고 작업 효율성을 향상시킵니다.

더 강력한 프레임워크에는 더 많은 기능과 추가적인 JavaScript 기반 기능이 탑재되어 있습니다. 주목할 만하고 널리 사용되는 두 가지 예로는 Bootstrap과 Foundation(프레임워크)이 있습니다. 기타 awsm.css, Flexify, Materialize, Semantic UI.

일부 대규모 프레임워크에서는 CSS 인터프리터를 사용합니다. 예를 들어 LESS 및 Sass.

원인

텍스트 색상과 콘텐츠 레이아웃 정의부터 모든 퍼포먼스 정의까지 CSS 작성도 마찬가지입니다. CSS 프레임워크는 재사용을 위해 구체적인 표현에서 추상 모듈을 추출하는 것이 사용자 다운로드를 줄이고 팀 및 개인 개발을 촉진하는 가장 중요한 수단이라는 것을 모두가 깨닫고 있기 때문에 점점 더 많은 관심을 받고 있습니다.

기능

1. 일반적으로 사용되는 CSS 스타일, 높은 재사용성, 높은 이식성

2. 고유한 정의, 자세한 문서화 및 개발 기능이 있습니다.

3 높은 호환성, 인기 있는 브라우저와 호환 가능

4. 주로 CSS이지만 반드시 모든 CSS는 아닙니다. 브라우저 호환성을 위한 일부 js(또는 기타) 스크립트가 있을 수 있습니다.

일반적인 CSS 프레임워크는 다음과 같습니다.

1. CSS, JavaScript의 프런트 엔드 프레임워크 기반 그리고 html, CSS가 중심입니다.

컴퓨터, 휴대폰, 태블릿 등 다양한 단말 장치에 대한 반응형 디자인을 구현하여 하나의 회의를 여러 단말에서 사용할 수 있도록 하는 데 사용됩니다.

2. Foundation

많은 기능의 모음이며 Mac/iOS의 다른 프레임워크의 기초입니다.

비즈니스 지원, 교육, 컨설팅을 제공하는 전문적인 프론트엔드 프레임워크입니다. 페이스북, 모질라, 이베이 등 대형 웹사이트에 적용됐다.

3. Pure

가벼우며 반응성이 뛰어난 CSS 프레임워크입니다.

주요 기능은 JavaScript 코드가 없는 순수한 CSS 프레임워크로 렌더링 속도가 더 빠릅니다.

동영상 공유 학습:

css 동영상 튜토리얼

위 내용은 CSS 프레임워크란 무엇인가의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!