퍼블리싱 아카이브

  • 홈
  • 태그
  • 방명록
2023.05.02~

$ 1

Sass/SCSS 문법 2. 변수(Variables)

1. Sass/SCSS에서 변수를 왜 사용할까? 스타일을 작성하다 보면, 속성값을 반복해서 사용하는 경우가 많다. 자주 반복되는 스타일을 수정하는 일은 무척 번거로운 작업이다. => 유지보수가 매우 쉬워진다. 그렇다고 해서 무분별하게 변수를 남발해서는 안된다. 타당한 이유가 있는 변수들을 우선순위로 생성한다. 값이 두 번 이상 반복되는 경우 기존의 값을 다른 값으로 변경할 가능성이 높은 경우 변수를 생성하면 된다. 변수명은 직관적인 이름으로 짓는 것이 좋다. 영문자와 숫자, 그리고 -, _를 포함할 수 있다. 컴파일된 CSS 파일에서 변수는 보이지 않는다. 2. 변수 생성하기($) $ 기호를 사용해서 스타일을 적용할 값(색상, 폰트사이즈, 이미지 URL)을 저장한다. 첫번째 두번째 세번째 //SCSS $..

HTML & CSS/SASS(SCSS) 2023.01.26
이전
1
다음
더보기
프로필사진

퍼블리싱 아카이브

퍼블리셔가 공부한 것을 기록하는 공간입니다.

  • 분류 전체보기 (102)
    • Javascript (55)
      • jQuery (9)
      • React (6)
      • Vue (0)
    • HTML & CSS (25)
      • SASS(SCSS) (13)
    • IT (16)
    • 수업기록 (6)
    • PHP (0)
    • Bootstrap (0)

Tag

SEO, 검색엔진최적화, Array, function, react, Terminal, Javascript, 웹접근성, Event, object, sitemap, scss, DOM, HTML, variables, CSS, onclick, scroll, sass, 자바스크립트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바