목록@extend 템플릿 (1)

Simple Is Best

28. [SCSS] SCSS 핵심 문법

이번 포스팅에서는 SCSS 핵심 문법에 대해서 알아보겠습니다. 1. @import : [CSS Nomalize]에 대해서 기억하시나요? CSS 최상단에 기본적으로 적용시키는 CSS 코드를 Nomalize라고 부르는데 이를 CSS 파일을 쓸 때 마다 복사 붙여넣기 하면 가독성도 떨어지고 시간도 많이 소요됩니다. 이러한 CSS Nomalize 내용을 담기 위해서 동일한 폴더 내에 _reset.scss 파일을 생성하였습니다. ▶ test.scss에서 코딩한 내용은 새로고침 할 때 마다, 자동으로 test.css 에 반영됩니다. ★ 참고 : _는 컴파일 금지명령입니다. _reset.scss body { margin : 0px; } div { box-sizing: border-box; } 이를 test.scss ..
HTML & CSS 2021. 7. 15. 16:35
이전 Prev 1 Next 다음