728x90 반응형 프론트엔드/HTML&CSS3 [CSS/SCSS] @each 활용 $theme-colors:( "pink" : hotpink, "red":crimson);//each에서 $theme 와 $color를 어떻게 구분하는지 문제임.// theme-colors의 키들을 추출해서 value를 끌어낸다는건// 파악은 했는데 이해랄까 기억하기 어려운 느낌.// 이 내용을 지금 눈돌리면 다시 이해하기// 어려울예정이라는게 느껴짐@each $theme, $color in $theme-colors{ .theme-#{$theme}{ background-color: $color; color:white; }} 어.... 지금 눈 돌리면 기억에서 사라질 예정;; 리스트 theme-colors 에서 키와 value를$theme, $color라고 명시적으로 정의하는 부분이 없.. 2024. 12. 26. [CSS/SCSS] 변수 사용 방법 정리 변수명을 가져다 사용할때$변수명 으로도 사용하고#{$변수명} 으로도 사용하는데이해가 안되서 ai 사이트 3곳에 물어봤는데 아주 명쾌함 정리: 언제 무엇을 사용할까? $변수명: 값을 그대로 사용하는 경우 (CSS 속성, 함수 내부 등) #{$변수명}: 변수 값을 문자열로 결합하거나 동적으로 CSS를 생성해야 할 때 짜잔 2024. 12. 26. HTML/CSS 첫걸음 로고 홈 뉴스 연락처 뉴스 제목1 뉴스 요약 .. 2024. 11. 26. 이전 1 다음 728x90 반응형