SCSS = SASS + CSS > SASS 컴퍼일러로 SCSS 파일이 CSS 파일이됨 1. 기본문법 기본틀은 CSS 문법과 동일 EX) .sec { margin: 0;} nested block(넥스팅) 을 적용 // 을 이용해서 라인 단위로 주석처리 2. 네스팅(nesting) 네스팅이란 서브루틴 중에 다른 서브루틴을 짜 넣는것. 셀렉터 네스팅 div 안에 있는 p 처럼 하위구조를 가지고 있을 경우, div의 속성 정의 블록 안에 하위에 있는 p가 들어갈 수 있다. 속성 네스팅 축양형으로 묶일 수 있는 속성들 끼리도 네스팅이 가능하다. 상위요소 치환 &을 사용하면 현재 블럭이 적용되는 셀렉터를 참조,치환 '글자'를 이어서 써서 선택자 클래스명 이름을 완성할 수도 있다. 3. 변수와 연산자 색상이나 선 스타일, 폰트 패밀리등은 대체로 사이트 내에서 공통적으로 정의해놓은 값을 쓰는