1. 변수사용하기 - 자주 쓰는 색상, 사이즈 등을 변수에 저장해서 불러오는 방법 /* 변수 지정하기 */ $mainColor: pink; $subColor: skyblue; $basicSize: 16px; /* 변수 불러오기 */ #header {background-color: $mainColor; font-size: $basicSize + 6px;} 지정한 변수는 연산도 가능하다. 단, 연산하려는 단위가 같아야 한다. px는 px와, %는 %와.... em은 em 과 연산 가능. css로 컴파일 된 모습 #header { background-color: pink; font-size: 22px; } 2. Nesting 문법 - 자식 요소를 부모요소의 중괄호 안에 넣어서 표기하는 방식 /* ul과 ul ..