개념: 문서 내의 모든 요소에 스타일을 적용합니다. 전체 초기화나 공통 스타일 지정에 자주 사용됩니다.
언제 사용?
→ 기본 여백 제거, 전체 폰트 적용 등 브라우저 스타일 초기화가 필요할 때
예시:
* {
margin: 0;
padding: 0;
font-family: '굴림체';
}
태그명개념: 특정 HTML 태그 하나에만 스타일을 적용할 때 사용합니다.
언제 사용?
→ 전체 <p>, <h1>, <ul> 등 기본 태그에 일괄 스타일을 주고 싶을 때
예시:
p {
font-size: 16px;
line-height: 1.5;
}
선택자1, 선택자2개념: 여러 개의 선택자에 한 번에 동일한 스타일을 적용합니다.
언제 사용?
→ 제목 계열에 같은 스타일을 줄 때나 버튼, 링크 등 스타일이 겹치는 요소에 사용
예시: