Sass와 Bootstrap의 차이점은 무엇입니까

차이점: Bootstrap은 HTML, CSS 및 JavaScript를 기반으로 하는 간단하고 직관적이며 강력한 프런트 엔드 개발 프레임워크인 반면, sass는 스크립트를 CSS로 구문 분석하는 계단식 스타일 시트 언어입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, bootsrap 버전 3.3.7, DELL G3 컴퓨터

bootstrap

Bootstrap은 간단하고 직관적이며 강력한 프런트 엔드 기반으로 개발되었습니다. HTML, CSS 및 JavaScript 개발 프레임워크를 사용하면 웹 개발 속도가 빨라집니다.

동시에 Bootstrap은 팀이 작성한 CSS 및 JavaScript 코드를 더욱 표준화하여 팀의 개발 효율성을 크게 향상시키는 코딩 표준 세트도 제공합니다.

Bootstrap은 레이아웃, 그리드, 테이블, 양식, 탐색, 버튼, 진행률 표시줄, 미디어 객체 등을 포함한 풍부한 웹 구성 요소를 포함하는 사용하기 쉽고 우아하며 유연하고 확장 가능한 프런트 엔드 도구 키트입니다. 이러한 구성 요소를 사용하면 아름답고 완전한 기능을 갖춘 웹 사이트를 빠르게 구축할 수 있습니다. Firefox, Chrome, Safari와 같은 주류 브라우저는 W3C 표준을 잘 지원하므로 Bootstrap은 웹 브라우저 호환성 측면에서도 상당히 좋은 성능을 발휘합니다.

sass

Sass는 원래 Hampton Catlin이 디자인하고 Natalie Weizenbaum이 개발한 계단식 스타일 시트 언어입니다. 초기 버전을 개발한 후 Weizenbaum과 Chris Eppstein은 SassScript를 통해 Sass의 기능을 계속 확장했습니다. SassScript는 Sass 파일에 사용되는 작은 스크립트 언어입니다.

Sass는 스크립트를 CSS

로 파싱하는 스크립트 언어, 즉 SassScript입니다. Sass에는 두 가지 구문 세트가 포함되어 있습니다. 원래 구문을 "들여쓰기 구문"이라고 합니다. Haml과 유사하게 들여쓰기는 코드 블록을 구분하는 데 사용되고 캐리지 리턴은 다른 규칙을 구분하는 데 사용됩니다.

새로운 구문은 "SCSS"라고 하며 CSS와 동일한 블록 구문을 사용합니다. 즉, 중괄호를 사용하여 다양한 규칙을 구분하고 세미콜론을 사용하여 특정 스타일을 구분합니다. 일반적으로 이러한 두 가지 구문 세트는 파일 확장자 .sass 및 .scss로 구별됩니다.

Sass는 CSS3를 확장하여 규칙, 변수, 믹스인, 선택기, 상속 등을 추가합니다. Sass는 구성 및 유지 관리가 쉬운 올바른 형식의 CSS 코드를 생성합니다.

SASS는 CSS3(Cascading Style Sheet)의 구문을 확장한 것으로 중첩, 믹스인, 선택기 상속 등의 기능을 사용할 수 있으며 스타일시트를 보다 효과적이고 유연하게 작성할 수 있습니다. Sass는 결국 브라우징을 위해 합법적인 CSS를 컴파일할 것입니다.

즉, 자체 구문은 표준 CSS 형식이 아니고 내에서 동적 변수를 사용할 수 있기 때문에 브라우저가 인식하기 쉽지 않습니다(CSS 구문과 매우 유사하지만 거의 동일함). 구문입니다. 따라서 매우 단순한 동적 언어에 가깝습니다.

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 비디오

를 방문하세요! !

위 내용은 Sass와 Bootstrap의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!