분류 전체보기 (42) 썸네일형 리스트형 2. CSS의 기반 SASS 기본 정의 (Import) Import @import로 다른 파일 가져오기 - css에서 @import로 다른 파일을 연결시킬 수 있습니다. 문법SASS에서 @import의 문법은 다음과 같습니다.@import "path/filename";예를 들어@import "inc/abc.scss";는 inc 폴더 안의 abc.scss 파일을 가져옵니다.- 그냥 바로 @import 쓰고 "내용물"; // 이렇게 불러 오면됨. SASS 랑 CSS랑 @import 형식 비교법 SASS@import "inc.css";CSS@import url(inc.css);======================================================= SASS 응용inc.scssh1 { margin: 30px 0px; } // inc.scs.. 1. CSS의 기반 SASS 기본 정의 (변수,중첩) SASS는 CSS에 존재하지 않는 기능들을 사용 할 수 있어 편리하다. 기능1. 변수2. 중첩3. 혼합4. 상속 등으로 이루어져 편리하게 사용할 수 있고 코딩 시간을 단축할 수 있다. 웹스톰에서 Sass를 수정하면 자동적으로 CSS가 수정된다. (알아서 CSS에 맞게 수정됨) 변수 - 색상, 글꼴 스택 또는 재사용하고 싶은 CSS 값을 저장할 수 있습니다. Sass는 $기호를 사용하여 무언가를 변수로 만듭니다. 다음은 그 예입니다. $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; }Sass가 처리되면 $font-stackand에 대한 변수를 정의하고 $p.. 이전 1 ··· 3 4 5 6 다음