WEBVTT

00:00:00.000 --> 00:00:02.137
지금까지 프로퍼티에
대해 배워봤습니다

00:00:02.137 --> 00:00:05.337
이미 알지도 모르는
다른 것에 대해 말해보려고 합니다

00:00:05.340 --> 00:00:07.435
상속이라고 부르는 개념이죠

00:00:07.435 --> 00:00:09.870
어떤 CSS 프로퍼티들은 상속됩니다

00:00:09.870 --> 00:00:12.970
슬하의 자식 태그들에게
전달되는 것입니다

00:00:12.973 --> 00:00:16.573
예를 들면 글꼴 집합인 font-family는
상속되는 프로퍼티입니다

00:00:16.580 --> 00:00:18.792
body 태그에
설정해줌으로써

00:00:18.792 --> 00:00:22.212
이 속성이 자동으로 자식 태그에게
전달되는 것을 볼 수 있어요

00:00:22.219 --> 00:00:24.275
h1이나 p처럼요

00:00:24.275 --> 00:00:27.325
다른 규칙이 적용될 때만
효과가 사라집니다

00:00:27.325 --> 00:00:30.925
여기 이 모든 제목을
필기체로 바꾸는 것처럼요

00:00:31.919 --> 00:00:34.421
또 다른 상속되는 속성은
색상이에요

00:00:34.421 --> 00:00:38.061
body에 설정해두면 body 안의 모든
태그에 적용되는 것을 볼 수 있어요

00:00:38.635 --> 00:00:40.646
다른 규칙이 적용되기
전까지 말이죠

00:00:40.646 --> 00:00:44.781
이 규칙처럼 h2를
초록색으로 만드는 거예요

00:00:44.781 --> 00:00:47.133
우리가 배운 것 중
상속되는 다른 속성은

00:00:47.133 --> 00:00:51.954
폰트 굵기, 크기, 스타일

00:00:51.954 --> 00:00:54.560
줄 간격, 문단 정렬 등등

00:00:54.560 --> 00:00:56.509
우리가 본 것 중 많은 것들이
상속되고 있어요

00:00:56.509 --> 00:00:58.781
왜냐하면 그건 글자 스타일에
대한 것들이고

00:00:58.781 --> 00:01:02.720
브라우저가 알아서 웹디자이너 대신
글자 스타일을 상속시키기 때문에

00:01:02.720 --> 00:01:05.533
단계마다 매번 다시
정의할 필요가 없죠

00:01:05.533 --> 00:01:07.551
하지만 앞으로는

00:01:07.551 --> 00:01:09.155
여러분들이 보게 될
새로운 프로퍼티들은

00:01:09.155 --> 00:01:10.925
대부분 상속되지 않을 거예요

00:01:10.925 --> 00:01:14.346
프로퍼티가 상속되는지 모르겠다면

00:01:14.346 --> 00:01:16.381
body 태그에 넣어보고
어떻게 되는지 보거나

00:01:16.381 --> 00:01:18.705
인터넷으로 프로퍼티에
대해 검색해보거나

00:01:18.705 --> 00:01:21.178
관련 문서를 읽어보세요