[HTML/CSS] CSS 기초 | 스타일 우선순위

728x90

내부 스타일 시트: <head>태그 사이에 <style>태그 안에 작성
외부 스타일 시트: <head>태그 사이에 <link>태그를 이용해 연결
인라인 스타일: 해당 태그에 style속성 이용(간단한 스타일일 때 사용)
선택자에 따른 css 작성 방식
- 전체 선택자: * {속성: 속성 값;}
- 태그 선택자: 태그 {스타일}
- Id 선택자: #id명 {스타일}
- 그룹 선택자: 이름1, 이름2 … {스타일}
- 캐스캐이딩(Cascading)
스타일 우선 순위
- 사용자 스타일 시트 > 제작자 스타일 시트
- 중요 스타일 시트 = 뒤에 '!important'를 붙인 스타일
- 브라우저 스타일 시트: 브라우저 기본 지정 스타일
명시도(Specificity)
- 인라인 스타일
- Id 스타일
- 클래스 스타일
- 태그 스타일
Source Order: 중요도와 명시도가 같다면 소스 서 적용, 나중에 온 스타일이 최종 적용
스타일 상속
- 자식 요소에 별도로 스타일을 지정하지 않으면 부모 요소에 있는 스타일 속성들이 자식요소로 전달됨(글꼴 등)
- 부모 요소의 배경 이미지, 배경 색 등은 상속되지 않으며, 기본 값인 '투명'으로 지정됨

좀 더 나은 내가 되기 위한 여정