전체 글
-
-
-
-
기본 반응형 만들기Program/HTML.CSS 2020. 8. 22. 03:09
@media (max-width:767px){ body{ background-color: purple; } #wrapper{ width:100%; font-size: 2rem; } nav li{ width:100%; } } @media (min-width:768px){ body{ background-color: orange; } } @media (min-width:992px){ body{ background-color: lightblue; } #wrapper{ width:80%; } } @media (min-width:1200px){ body{ background-color: #417A1D; } }
-
SCSS (Sass)장점카테고리 없음 2020. 8. 21. 23:57
https://heropy.blog/2018/01/31/sass/ Sass(SCSS) 완전 정복! Style(CSS) 작업 시 필수가 되어버린 CSS Preprocessor(전처리기) Sass(SCSS)에 대해서 이해하고, CSS로 컴파일하는 방법부터 자세한 SCSS 문법까지 살펴봅니다. heropy.blog https://soooprmx.com/archives/7948 SCSS 문법 정리 · Wireframe SCSS는 기존 CSS 문법에 SASS문법을 섞은 것이며, SASS 컴파일러로 그대로 컴파일 될 수 있다. 이 글에서는 SCSS 문법을 기준으로 SASS의 각 기능을 사용하는 방법에 대해 설명하도록 하겠다. 기본문법 soooprmx.com SCSS는 기존 CSS 문법에 SASS문법을 섞은 것이며,..
-
-