▪︎ CSS
- Cascading Style Sheet : 웹 페이지를 디자인하기 위해 사용하는 언어
▫︎ CSS 참조 방식
- 인라인 방식
- 각 태그의 style 속성에 전부 직접 적어주는 것
- 재사용 불가능
- 내장 방식
<head> 태그 내부에 <style> 태그로 선언해서 사용
- 링크 방식 (가장 자주 사용)
- 모든 style을 하나의 CSS 파일에 넣고 필요한 HTML 파일에서 해당 파일을 링크해서 사용
- 재사용 가능 및 스타일 변경 가능
- 링크 방식과 내장 방식 중 하나만 사용하는게 좋음
<aside>
💡
3가지 방식이 겹치면 가장 늦게 읽히는 것이 우선으로 적용
인라인 방식이 무조건 우선 / 내장, 링크 방식은 늦게 쓰여진 것이 우선
</aside>
▪︎ 선택자
- style을 적용하고자 하는 HTML의 요소를 선택하는 것
▫︎ 속성 (Property)
- { } 내에 속성 값을 지정하여 다양한 style 정의
- 여러 개의 속성을 연속해서 지정할 수 있으며 세미콜론( ; )으로 구분
▫︎ 값 (Value)
- 해당 속성에 사용할 수 있는 값을 특정 단위로 지정
▪︎ 기본(단일) 선택자
* {} : 전체 선택자 / 모든 요소를 선택p {} : 태그 선택자 / 해당 태그 이름의 요소를 선택