zoaseo
To Infinity And Beyond
zoaseo
전체 방문자
오늘
어제
  • 분류 전체보기 (763)
    • 개발이 좋아서 (381)
      • SAP가 좋아서 (3)
      • Java가 좋아서 (42)
      • Spring이 좋아서 (50)
      • JPA가 좋아서 (0)
      • QueryDSL이 좋아서 (26)
      • Docker가 좋아서 (7)
      • Redis가 좋아서 (7)
      • AWS가 좋아서 (5)
      • CI/CD가 좋아서 (6)
      • Troubleshooting이 좋아서 (4)
      • Kotlin이 좋아서 (7)
      • SQL이 좋아서 (6)
      • HTTP가 좋아서 (21)
      • JavaScript가 좋아서 (30)
      • TypeScript가 좋아서 (6)
      • Vue가 좋아서 (21)
      • Flutter가 좋아서 (61)
      • React가 좋아서 (20)
      • Redux(React)가 좋아서 (2)
      • Angular가 좋아서 (22)
      • HTML이 좋아서 (9)
      • CSS가 좋아서 (15)
      • PHP가 좋아서 (9)
      • Illustrator가 좋아서 (2)
    • 노력이 좋아서 (169)
    • 결과물이 좋아서 (14)
    • 코딩연습이 좋아서 (168)
      • 이론이 좋아서 (62)
      • SQL이 좋아서 (90)
    • 유용한 사이트가 좋아서 (28)
    • Github (2)

인기 글

티스토리

hELLO · Designed By 정상우.
zoaseo
노력이 좋아서

<step21>'scss_기초'

<step21>'scss_기초'
노력이 좋아서

<step21>'scss_기초'

2022. 4. 18. 17:49

1) scss (중첩구문)

2) scss 상위 선택자 참조 - &

3) 변수(Variables) - 반복적으로 사용되는 값을 변수로 지정
변수 이름 앞에 항상 $ 를 붙입니다. 
$변수이름: 속성값;

*변수 유효범의 (Scope)
변수는 사용가능한 유효범위가 있습니다.
선언된 브록({})내에서만 유효범위를 가집니다.
*전역설정 !global
!global플래그를 사용하면 변수의 유효범위를 전역(Global)로 설정할 수 있습니다.

4) 재활용(Mixins)
스타일시트 전체에서 재사용할 css선언 그룹을 정의해줌
1) 선언하기(@mixin)
@mixin 믹스인이름 {
스타일;
}
@mixin 믹스인이름($매개변수) {
스타일;
}

2) 사용(포함)하기(@include)
@include 믹스인이름;
@include 믹스인이름(인수);

'노력이 좋아서' 카테고리의 다른 글

<step22>'scss_연습하기'  (0) 2022.04.19
<step22>'scss_이자녹스 홈페이지 따라하기'  (0) 2022.04.19
<step21>'css_nots 홈페이지 따라하기'  (0) 2022.04.18
<step21>'css_갤럭시 홈페이지 따라하기'  (0) 2022.04.18
<step20>'css_반응형_media'  (0) 2022.04.15

    티스토리툴바

    단축키

    내 블로그

    내 블로그 - 관리자 홈 전환
    Q
    Q
    새 글 쓰기
    W
    W

    블로그 게시글

    글 수정 (권한 있는 경우)
    E
    E
    댓글 영역으로 이동
    C
    C

    모든 영역

    이 페이지의 URL 복사
    S
    S
    맨 위로 이동
    T
    T
    티스토리 홈 이동
    H
    H
    단축키 안내
    Shift + /
    ⇧ + /

    * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.