sass2

• [CSS] Position: Relative - Absolute 다중 구성 처리 방법 스타일링을 할 때, 여러 레벨의 컨테이너와 서브 요소가 포함된 경우, 상대적(position: relative) 및 절대적(position: absolute) 위치를 설정하여 원하는 레이아웃을 만들 수 있습니다. 예시를 통해 이를 설명해보겠습니다. 우선, HTML 구조를 가정해봅시다: 내용  위의 구조를 가지고 SASS로 스타일을 잡아보겠습니다:.container { position: relative; .sub-container { position: absolute; top: 10px; // 원하는 위치 left: 10px; // 원하는 위치 .sub { position: relative; .sub-sub-c.. 코딩ㆍ개발 정보/HTML 연습 2024. 7. 31.

• 

  [SCSS] node.js 및 Sass 사용 방법 Sass 또는 Less와 같은 CSS 프리프로세서를 사용하면 코드를 모듈화하고 중첩 구조를 사용할 수 있어 코드 관리가 용이합니다 CSS 프리프로세서 중 하나인 Sass를 예시로 사용 방법 1. Sass 설치Sass는 Node.js 기반으로 설치할 수 있습니다. Node.js와 npm(Node Package Manager)이 설치되어 있어야 합니다. 설치 방법은 다음과 같습니다: 1. Node.js 설치:Node.js 공식 웹사이트에서 설치 파일을 다운로드하고 설치합니다. 2. Sass 설치:터미널을 열고 다음 명령어를 입력하여 Sass를 전역(global)으로 설치합니다.npm install -g sass2. 프로젝트 구조 설정Sass 파일을 저장할 디렉토리 구조를 설정합니다. 예시로 다음과 같은 디렉.. 코딩ㆍ개발 정보/HTML 연습 2024. 7. 29.