CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
-
0:00 - 0:02지금까지 프로퍼티에
대해 배워봤습니다 -
0:02 - 0:05이미 알지도 모르는
다른 것에 대해 말해보려고 합니다 -
0:05 - 0:07상속이라고 부르는 개념이죠
-
0:07 - 0:10어떤 CSS 프로퍼티들은 상속됩니다
-
0:10 - 0:13슬하의 자식 태그들에게
전달되는 것입니다 -
0:13 - 0:17예를 들면 글꼴 집합인 font-family는
상속되는 프로퍼티입니다 -
0:17 - 0:19body 태그에
설정해줌으로써 -
0:19 - 0:22이 속성이 자동으로 자식 태그에게
전달되는 것을 볼 수 있어요 -
0:22 - 0:24h1이나 p처럼요
-
0:24 - 0:27다른 규칙이 적용될 때만
효과가 사라집니다 -
0:27 - 0:31여기 이 모든 제목을
필기체로 바꾸는 것처럼요 -
0:32 - 0:34또 다른 상속되는 속성은
색상이에요 -
0:34 - 0:38body에 설정해두면 body 안의 모든
태그에 적용되는 것을 볼 수 있어요 -
0:39 - 0:41다른 규칙이 적용되기
전까지 말이죠 -
0:41 - 0:45이 규칙처럼 h2를
초록색으로 만드는 거예요 -
0:45 - 0:47우리가 배운 것 중
상속되는 다른 속성은 -
0:47 - 0:52폰트 굵기, 크기, 스타일
-
0:52 - 0:55줄 간격, 문단 정렬 등등
-
0:55 - 0:57우리가 본 것 중 많은 것들이
상속되고 있어요 -
0:57 - 0:59왜냐하면 그건 글자 스타일에
대한 것들이고 -
0:59 - 1:03브라우저가 알아서 웹디자이너 대신
글자 스타일을 상속시키기 때문에 -
1:03 - 1:06단계마다 매번 다시
정의할 필요가 없죠 -
1:06 - 1:08하지만 앞으로는
-
1:08 - 1:09여러분들이 보게 될
새로운 프로퍼티들은 -
1:09 - 1:11대부분 상속되지 않을 거예요
-
1:11 - 1:14프로퍼티가 상속되는지 모르겠다면
-
1:14 - 1:16body 태그에 넣어보고
어떻게 되는지 보거나 -
1:16 - 1:19인터넷으로 프로퍼티에
대해 검색해보거나 -
1:19 - 1:21관련 문서를 읽어보세요
- Title:
- CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
- Description:
-
- Video Language:
- English
- Team:
- Khan Academy
- Duration:
- 01:22