CSS에 날개를 달아주는 Sass (SCSS)

CSS에 날개를 달아주는 Sass (SCSS)

(9개의 수강평)

209명의 수강생
HTML/CSSSass웹 퍼블리싱
27,500원
지식공유자 · DEvSIGNER
37회 수업· 총 14시간 6분수업
평생 무제한 시청
수료증 발급 강의
수강 난이도 초급
지식공유자의 다른 강의
연관 로드맵
아직 다른 강의가 없어요.
연관 로드맵이 없어요.
ttb0704 프로필

mixin 사용에 관한 질문 ttb0704 2달 전

@mixin widthHeightPadding($width,$height,$padding){
    width:$width;
    height:$height;
    padding:$padding;
}
이 믹스인을 사용할때
강의중에는
@include widthHeightPadding(initial50px10px);
이렇게 사용하셨는데요
@include widthHeightPadding(null, 50px10px);
이렇게 사용해도 무관한가요?
딱히 에러는 나지 않았고,
컴파일 후 css에서 나오는 코드에 차이는 있지만
결과적으로는 원하는 css였어요.
★ 제가 궁금한점은 null 사용이 혹시 어딘가에서 문제가 되느냐 하는점입니다.
지속적으로 사용해도 문제가 없을까요?

2
seed 프로필

SCSS 강의 소스 적어놨습니다 seed 4달 전

html {
    font-size:18px;
}

body { 
    margin:20px;
    background-color:#fff4c1;
}

div {
    color:#333;
    padding:20px;
}

a {
    display:inline-block;
    margin:10px 0;
}

#box1 { 
    font-size:40px;
    background-color:#ffcccc;
    border-radius:20px;
    border:3px solid #f00;
    box-shadow:0px 3px 11px 0px rgba(0000.75);
}

#box1 > a { 
    color:#a22;
    text-decoration:none;
}

#box1 > a:hover {
    background-color:#ccc;
}

#box1 #box2 { 
    font-size:20px;
    background-color:#e9e9e9;
    border-radius:20px;
    border:3px solid #f00;
    box-shadow:0px 3px 11px 0px rgba(0000.75);
}

#box1 #box2 > a {
    color:#ee6633;
    text-decoration:none;
}

#box1 #box2 > a:hover {
    color:#a22;
    text-decoration:none;
}

1
이찬용 프로필

goo.gl/48rzfa 들어갔을시 소스가안보입니다. 이찬용 4달 전

goo.gl/48rzfa 들어갔을시 소스가안보입니다.

1
임경희 프로필

mixin 파라미터에 기본값 설정했을 때 2번째 파라미터값만 인수를 써주고 싶을때는 어떻게 하나요? 임경희 8달 전

파라미터를 @mixin fontSizeBgColor($fontSize, $bgColor)의 순으로 설정해줬을때, 폰트 사이즈는 기본값을 사용하고 싶고 배경색깔만 다르게 지정하고 싶다면 mixin 호출할때 인수를 어떻게 써줘야하나요?

폰트 사이즈만 바꾸고 싶으면 @include fontSizeBgColor(#000) 이렇게 하나만 써도 된다는 건 알겠는데 그 반대의 경우를 모르겠어서요.

0
우정민 프로필

2018-10-26 기준의 윈도우 운영체제의 vscode최신버전으로는 프리티어가 명령어가 작동하지 않습니다. 우정민 2018.11.03

현재 ctrl+shift+p 를 누를시에 명령팔레트가 나옵니다.

명령어가 어떻게 바뀌었는가요?

강의 유익하게 잘보고 있습니다. 감사합니다.

1
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스