CSS 상속
-
0:00 - 0:02여러분은 지금까지 여러 가지
속성에 대해 배웠어요 -
0:02 - 0:04이제 다른 뭔가에 대해
말해줄 거에요 -
0:04 - 0:05여러분들이 스스로
알아냈을지도 몰라요 -
0:05 - 0:07상속이라고 부르는 개념이죠
-
0:07 - 0:10어떤 CSS속성은 상속됩니다
-
0:10 - 0:11즉 그 속성들이 그 아래의
-
0:11 - 0:13모든 자식 태그에게
전달된다는 거에요 -
0:13 - 0:16예를 들자면 폰트 종류는
상속되는 속성이에요 -
0:16 - 0:19body태그에
설정해줌으로써 -
0:19 - 0:20이 속성이 자동으로
-
0:20 - 0:22자식 태그에게 전달되는 것을
볼 수 있어요 -
0:22 - 0:24h1이나 p처럼요
-
0:24 - 0:27다른 규칙이 적용될 때만
효과가 사라집니다 -
0:27 - 0:28이 규칙처럼
-
0:28 - 0:32모든 헤딩의 폰트를
필기체로 바꾸는 거에요 -
0:32 - 0:34또 다른 상속되는 속성은
색상이에요 -
0:34 - 0:35body에 설정해두면
-
0:35 - 0:39body안의 모든 태그에
적용되는 것을 볼 수 있어요 -
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:00웹디자이너들이 원하는
-
1:00 - 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관련 문서를 읽어보세요
|
Rosa Sung edited Korean subtitles for CSS inheritance | |
|
BKang edited Korean subtitles for CSS inheritance | |
|
|
BKang edited Korean subtitles for CSS inheritance |