반응형
[광고 누르면 오늘의 행운 상승!!]
- HTML요소에 적용된 CSS스타일도 하위 자식에게 상속
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>title </title>
<style type = "text/css" media = "all">
body{
color: red;
font-size:20px;
}
</style>
</head>
<body>
<h2>이삭토스트는 햄치즈3</h2>
<h2>이삭토스트는 햄치즈3</h2>
<h2>이삭토스트는 햄치즈3</h2>
</body>
</html>
- 적용 우선순위 : 부모로부터 상속된 스타일이 사용자 정의보다 적용 우선순위 낮음
- CSS 단계적 순서로 스타일 적용
| 1 | 사용자가 선택자를 통해 직접 정의한 스타일 |
| 2 | HTML에 스타일 속성으로 적용한 인라인 스타일 |
| 3 | 미디어타입에서 지정한 속성 |
| 4 | !important 구문을 추가한 CSS속성 |
| 5 | 구체적인 선택자 |
| 6 | 우선순위 : 아이디 > 클래스 > HTML선택자 |
| 7 | 뒷 부분에 정의 된 스타일 |
| 8 | 부모로부터 상속된 스타일 |
| 9 | 웹 브라우저 기본 스타일 |
반응형
'5. 웹 프로그래밍 > 2. CSS' 카테고리의 다른 글
| 배경 설정[CSS] (0) | 2020.03.10 |
|---|---|
| 서체의 지정과 크기 설정[CSS] (0) | 2020.03.10 |
| 미디어 쿼리[CSS] (0) | 2020.03.10 |
| 의사 엘리먼트[CSS] (0) | 2020.03.10 |
| 의사클래스[CSS] (0) | 2020.03.10 |