CSS? Cascading Style Sheets

CSS는 웹사이트를 디자인하고 꾸미는 데 사용되는 언어입니다.

---

CSS란?

CSS는 Cascading Style Sheets의 줄임말로,
**웹페이지의 스타일(모양)**을 지정하는 언어입니다.

HTML이 웹페이지의 뼈대를 만든다면,
CSS는 그 위에 색상, 크기, 간격, 폰트, 애니메이션 등을 입혀주는 디자이너 역할을 합니다.

---

예시로 쉽게 보기

html복사편집<!-- HTML -->
<p>Hello, world!</p>

css복사편집/* CSS */
p {
  color: blue;
  font-size: 18px;
}

위의 CSS는 모든 <p> 태그에 대해 글자색을 파란색, 글자 크기를 18px로 지정합니다.

---

CSS로 할 수 있는 일

기능	예시
색상 변경	텍스트 색, 배경 색 지정
크기 조절	글자 크기, 여백, 폭/높이 지정
위치 조정	가운데 정렬, 오른쪽 정렬 등
폰트 스타일	글꼴, 굵기, 줄 간격 등 조정
반응형 디자인	모바일/PC 화면에 맞게 변경
애니메이션	마우스를 올릴 때 효과 주기 등

---

CSS는 어디에 쓰이나요?

1. HTML 파일 내부에 <style> 태그로 직접 작성
2. 외부 파일(.css) 로 연결하여 사용
3. WordPress에서는 “추가 CSS” 기능으로 직접 추가 가능

---

워드프레스에서 CSS 적용 예시

경로:
워드프레스 관리자 → 외모 → 사용자 정의 → 추가 CSS

예시:

css복사편집body {
  background-color: #f0f0f0;
  font-family: Arial, sans-serif;
}