프론트엔드-코드/SCSS

연산

sdafdq 2023. 9. 11. 17:42
div{
  width: 20px + 20px;
  height: 40px - 20px;
  font-size: 30px * 2;
  margin: (20px / 2);
  padding: 30px % 7;
}

연산자와 피연산자 끼리 붙여도 떨어뜨려도 상관없다.

 

인지해야 할 것이, / 나누기는 ()괄호로 묶어줘야 한다.

 

왜냐하면, 우리 css 쓸 때 생각해보면 background : url(~~~~) no-repeat center / cover

이런 식으로 '구분자'로 /를 쓴다.

 

그래서 나누기는 괄호로 묶어야 한다.

아니면 calc() 속성 그냥 쓰던지..

(단, calc() 사용할 때는 연산자와 피연산자 끼리 떨어뜨려 놔야 함.)

 

'프론트엔드-코드 > SCSS' 카테고리의 다른 글

반복문  (0) 2023.09.12
@mixin  (0) 2023.09.11
변수  (0) 2023.09.11
네임스페이스로 정의  (0) 2023.09.11
주석  (0) 2023.09.11