CSS의 확장언어로 CSS의 부족한 부분을 채워주기 위한 언어이다.해당 언어는 직접적으로 html에 링크해도 브라우저가 읽지 못하기 때문에 css로 컴파일을 해야한다.SASS와 SCSS의 차이점은 SASS는 들여 쓰기+줄 바꿈형식이고SCSS는 중괄호+세미콜론 형식이다.
SASS는 CSS와 다르게 같은 부모를 가진 다른 태그를 선택할때부모를 반복해서 선택하지 않게 해주는 장점이 있다.해당 코드를 css로 바꾸게 된다면위와 같이 .gnb와.box는 같은 부모태그인 header를 가지고 있다. 일반적인 css라면 저렇게 부모를 일일이 지정
SASS의 다른기능 USE? USE란 다른 SASS파일에 있는 CSS속성들을 가져올때 사용한다. 만약 서로 다른 CSS파일에서 태그와 CSS속성이 겹칠때 개발자가 반복해서 속성을 적는걸 막아준다. 즉, > 이 코드가 적혀있는 test.scss파일이 있다. 그리고 다른 SCSS파일에 똑같이 적용하고 싶을때 > 이 코드를 적용하고 CSS파일로 변환하면 똑같이...
darken : 어둡게lighten : 밝게saturate : 더 선명하게(높은 채도)desaturate : 더 흐리게(낮은 채도)adjust-hue : 명도 변경rgba : alpha값 변경사용방법SASS는 연산기능을 지원하고 있다.사칙연산을 지원한다. +(더하기),
mixin이란? SASS기능중 하나로 CSS속성 여러개를 함수로 저장해서 태그마다 쉽게 적용할수있는 기능 > 이렇게 함수를 적용하고 태그에 함수를 적용하고 CSS로 변환하면 위에 처럼 된다. mixin의 변수 지정 mixin은 변수도 지정할수있는데. 각 태그 마다 border와 color의 색깔을 바꾸고 싶다면 > 위에 코드처럼 변수를 지정하고 이렇...