목록sass 네스팅 (1)

코드노트

sass(scss) 정리

네스팅 - sass는 html의 동일한 시각저ㄱ계층 구조를 따르는 방식이다. - 구조에 맞게 css네이밍이 정해진다. 변수 - 스타일 시트 전체에서 재사용하려는 정보를 저장하는 방법이다. - 자바스크립트에서 사용하는 변수처럼 속성값들을 넣고 사용할 수 있다. - 하나하나 지정하지 않고 변수로 정해두고 사용할 수 있다. - $기호를 통해서 변수로 만든다. @extent : css 확장/상속 - 기존 속성 집합을 그대로 가져온다. / css에서는 공통적으로 속성이 적용 - 수정할부분만 수정해서 사용. % : 임시클래스 - 확장이 아닌 클래스에 적용하는 %extend. - 변수처럼 속성들을 임시클래스에 적용후 @extend : %className 을 통해서 가져온다. @mixin - 함수처럼 매개변수,(인자)..
Code note/CSS 2022. 11. 23. 01:49
이전 Prev 1 Next 다음