WEBVTT

00:00:00.000 --> 00:00:02.137
여러분은 지금까지 여러 가지
속성에 대해 배웠어요

00:00:02.137 --> 00:00:03.551
이제 다른 뭔가에 대해
말해줄 거에요

00:00:03.551 --> 00:00:04.981
여러분들이 스스로
알아냈을지도 몰라요

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

00:00:07.435 --> 00:00:09.870
어떤 CSS속성은 상속됩니다

00:00:09.870 --> 00:00:11.163
즉 그 속성들이 그 아래의

00:00:11.163 --> 00:00:12.973
모든 자식 태그에게
전달된다는 거에요

00:00:12.973 --> 00:00:15.960
예를 들자면 폰트 종류는
상속되는 속성이에요

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

00:00:18.792 --> 00:00:20.126
이 속성이 자동으로

00:00:20.126 --> 00:00:22.219
자식 태그에게 전달되는 것을
볼 수 있어요

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

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

00:00:27.325 --> 00:00:28.196
이 규칙처럼

00:00:28.196 --> 00:00:31.919
모든 헤딩의 폰트를
필기체로 바꾸는 거에요

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

00:00:34.421 --> 00:00:35.421
body에 설정해두면

00:00:35.421 --> 00:00:38.635
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:00.464
웹디자이너들이 원하는 


00:01:00.464 --> 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
관련 문서를 읽어보세요