Ella 프론트엔드일지

  • 홈

Sass변수지정 1

Sass) $을 이용한 변수 문법

Sass 변수 문법은 계속 써야하는데 외우기 힘든 거를 반복해서 쓰면 아주 편리하고 좋음!! 예를 들면 색깔같은것들 ??#3D6AFF 요런 색깔 코드 언제 외워서 지정해놓고있누!!! 아무튼 나같은 빡대가리들도 변수 하나 지정해놓으면 아주 개꾸울~~~! ✅$ 표시를 이용해서 변수를 지정한다. $변수명 : 값; 을 맨 위에 지정해두고 아래 스타일에서 변수명을 넣어서 입력하면 된다. scss파일에 이렇게 저장을 해놓으면 아래와 같은 비쥬얼스튜디오 확장프로그램을 통해서 CSS 파일로 컴파일(변환)해준다. 왜 굳이 변환해줘?? Sass 파일을 html 파일에 연결시키면 안됨? 하고 의문점이 들수 있지만... 브라우저는 ...아쉽게도 css 파일만 읽을수있다. 그래서 css파일로 변환해줘야한다. 아무튼 Live S..

프론트엔드 개발/CSS 2022.09.27
이전
1
다음
더보기
프로필사진

적지 않으면 병이 생기는 주인장 || 스크롤 압박 굉장히 좋아함 || 파고드는 드릴다운을 좋아함

  • 분류 전체보기 (147)
    • 주인장 소개 (2)
    • 컴퓨터 기초 지식 (4)
      • 네트워크 (2)
    • 프론트엔드 개발 (94)
      • html (3)
      • CSS (15)
      • JavaScript (35)
      • React (25)
      • Typescript (7)
      • Next.js (1)
      • Git&GitHub (1)
      • vue (1)
    • 수학 (0)
    • IT 산업&뉴스 (0)
    • 알고리즘 테스트 (5)
    • 개발 외부활동 (1)
    • 프로젝트 이모저모 (24)
      • HoduMarket 프로젝트 (18)
      • interactive web (0)
    • [멋쟁이사자처럼]프론트엔드스쿨 3기 (16)

Tag

프리온보딩, CSS, 부트캠프회고, 멋쟁이사자처럼, css속성, 프론트엔드스쿨3기, Sass변수지정, 배열반복, 프론트엔드개발, margin:0 auto;, 프론트엔드스쿨, 마진병합현상, 리액트, margin_collapsing, margin, Flex, grid-template, 프론트엔드, postion, css가운데정렬,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

Archives

Copyright © Kakao Corp. All rights reserved.

티스토리툴바