wiki:glossary:web_technologies:css

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:glossary:web_technologies:css [2025/07/28 08:26] – [기본 문법 예시] syjang0803
+++ wiki:glossary:web_technologies:css [2025/07/30 06:43] (현재) – 바깥 편집 127.0.0.1
@@ 줄 11: / 줄 11: @@
 **핵심 기능**:
-* **색상 및 배경**: 글자색, 배경색, 그라디언트 효과
+  * **색상 및 배경**: 글자색, 배경색, 그라디언트 효과
-* **글꼴 및 텍스트**: 폰트 종류, 크기, 굵기, 정렬
+  * **글꼴 및 텍스트**: 폰트 종류, 크기, 굵기, 정렬
-* **레이아웃**: 요소의 위치, 크기, 간격 조정
+  * **레이아웃**: 요소의 위치, 크기, 간격 조정
-* **애니메이션**: 호버 효과, 전환 효과, 키프레임 애니메이션
+  * **애니메이션**: 호버 효과, 전환 효과, 키프레임 애니메이션
 ----
@@ 줄 21: / 줄 21: @@
 ==== Dream of E&C 프로젝트에서의 활용 ====
-* **반응형 디자인**: 다양한 화면 크기에 맞는 레이아웃
+  * **반응형 디자인**: 다양한 화면 크기에 맞는 레이아웃
-* **사용자 경험**: 버튼 호버 효과, 부드러운 전환
+  * **사용자 경험**: 버튼 호버 효과, 부드러운 전환
-* **브랜딩**: 일관된 색상 체계와 폰트 사용
+  * **브랜딩**: 일관된 색상 체계와 폰트 사용
-* **접근성**: 명확한 대비와 읽기 쉬운 디자인
+  * **접근성**: 명확한 대비와 읽기 쉬운 디자인
 ==== 기본 문법 예시 ====
@@ 줄 61: / 줄 61: @@
 ==== 주요 개념 ====
-* **선택자**: 스타일을 적용할 HTML 요소 지정
+  * **선택자**: 스타일을 적용할 HTML 요소 지정
-* **박스 모델**: margin, border, padding, content
+  * **박스 모델**: margin, border, padding, content
-* **Flexbox**: 유연한 레이아웃 시스템
+  * **Flexbox**: 유연한 레이아웃 시스템
-* **Grid**: 2차원 레이아웃 시스템
+  * **Grid**: 2차원 레이아웃 시스템
 ==== 실무 팁 ====
-* **클래스 네이밍**: BEM 방법론 활용
+  * **클래스 네이밍**: BEM 방법론 활용
-* **성능 최적화**: CSS 파일 압축, 불필요한 스타일 제거
+  * **성능 최적화**: CSS 파일 압축, 불필요한 스타일 제거
-* **브라우저 호환성**: vendor prefix 사용
+  * **브라우저 호환성**: vendor prefix 사용
-* **유지보수**: 모듈화된 CSS 구조
+  * **유지보수**: 모듈화된 CSS 구조
 //''웹의 시각적 아름다움을 만들어내는 핵심 기술입니다.''//

wiki/glossary/web_technologies/css.1753691191.txt.gz · 마지막으로 수정됨: 2025/07/28 08:26 저자 syjang0803