웹 브라우저에 기본 스타일 시트가 내장되어 있기에 hn 등 태그가 꾸며진다.
코드를 실행시키면 코드가 순서대로(일반적인 프로그래밍 언어와 비슷하게) 실행된다.
다른 말로는 단계적으로 실행되는 단계적 적용이라고 볼 수 있다.
이는 규칙에 점수에 따라 실행될 수 있다.→개별 검색
상속이란 부모 요소에 적용된 스타일을 자식 요소가 그대로 물려받는 것이다.
<!DOCTYPE html>
<html lang="ko">
<head>
<title>hi~</title>
<style>
div{
color:red;
}
</style>
</head>
<body>
<div>
<p>
inherit!!
</p>
</div>
</body>
</html>
CSS에서 단위는 절대 단위와 상대 단위로 나뉜다.
절대 단위는 어떠한 환경에서도 동일한 크기로 보이는 단위로 px 하나만 존재한다.
상대 단위는 웹 브라우저의 크기에 따라 상대적으로 결정되는 단위를 의미한다.
상대 단위 중 대표적인 것은 다음과 같다.
| 단위 | 설명 |
|---|---|
| % | 해당 속성의 상위 요소 속성값에 상대적인 크기를 가짐 |
| em | 부모 요소의 텍스트 크기에 상대적인 크기를 가짐 |
| rem | html 태그의 텍스트 크기에 상대적인 크기를 가짐 |
| vw | qㅠ포트의 너비를 기준으로 상대적인 크기를 가짐 |
| vh | 뷰포트의 높이를 기준으로 상대적인 크기를 가짐 |
.parent{
font-size:16px;
}
.child{
font-size:80% /* 부모의 크기에 80 퍼센트 */
}