< Return to Video

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:19
    body 태그에
    설정해줌으로써
  • 0:19 - 0:22
    이 속성이 자동으로 자식 태그에게
    전달되는 것을 볼 수 있어요
  • 0:22 - 0:24
    h1이나 p처럼요
  • 0:24 - 0:27
    다른 규칙이 적용될 때만
    효과가 사라집니다
  • 0:27 - 0:31
    여기 이 모든 제목을
    필기체로 바꾸는 것처럼요
  • 0:32 - 0:34
    또 다른 상속되는 속성은
    색상이에요
  • 0:34 - 0:38
    body에 설정해두면 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:16
    body 태그에 넣어보고
    어떻게 되는지 보거나
  • 1:16 - 1:19
    인터넷으로 프로퍼티에
    대해 검색해보거나
  • 1:19 - 1:21
    관련 문서를 읽어보세요
Title:
CSS inheritance | Intro to HTML/CSS: Making webpages | Computer Programming | Khan Academy
Description:

more » « less
Video Language:
English
Team:
Khan Academy
Duration:
01:22

Korean subtitles

Revisions