005 프로그래밍/CSS2 [Sass] @mixin, @extend의 차이 설명 Sass는 CSS를 보완하기 위해 생긴 언어입니다. 기본적인 코드 작성 방법은 CSS와 동일하지만, 모든 내용들을 하나하나 기술해야 했던 CSS와는 달리, Sass에서는 DRY (Don't Repeat Yourself)의 원칙으로 변수를 설정하는 등의 편의성을 더해, 코드를 유지 보수하는 데 더 큰 도움을 받을 수 있습니다. 변수 설정 변수 설정 방법은 다음과 같습니다. $변수명 : 값; /* 예시 */ $myColor : #000000; body {color : $myColor} 더 확장된 기능 1. @mixin @mixin을 통해 여러 줄의 '속성 + 값'을 정의하고, 이를 재사용할 수 있습니다. 또한 @include를 통해 이를 불러옵니다. @mixin 변수명 { property : value.. 2022. 12. 10. [CSS 속성] user-select : 사용자의 드래그를 방지 user-select 사용자가 브라우저 내의 텍스트를 선택할 수 있을지의 여부를 정할 수 있다. selector { user-select : none / auto / all / text } none : 이 문장은 드래그나 클릭으로도 선택이 되지 않습니다. auto(기본값) : 이 문장은 드래그나 더블 클릭을 이용해 선택할 수 있습니다. all : 이 문장은 드래그나 클릭 한 번 만으로도 선택할 수 있습니다. text : 이 문장은 텍스트를 선택할 수 있게 해줍니다. 2022. 10. 12. 이전 1 다음