https://codesandbox.io/s/cssinheritance-uhyym?file=/index.html
상속o: text-align, line-height, color, font, visibility, opacity(투명도
상속x: width, height, margin, padding, border, display, box-sizing, background, vertical-align, position(top, right, bottom, left), z-index, overflow, float
상속받고자 하는 프로퍼티 속성을 inherit로 바꾸면 됨
상속을 여러 개 받는 경우 cascading order에 따라 적용됨
→ 명시도가 제일 우선순위에 영향을 많이 미침
명시도 계산 기본 규칙: !important > Inline Style > id > class > tag
http://codesandbox.io/s/cssmedia-v7qd3?file=/index.html
픽셀은 해상도에 따라 요소의 크기가 달라질 수 있음
뷰포트는 화면상의 표시 영역. 가상 뷰포트는 마치 해상도가 980픽셀인 것처럼 만들어줌