CSS(2)
-
CSS - 캐스케이딩(Cascading)
1. 캐스케이딩(Cascading) 하나 이상의 CSS선언에 영향을 받을 수 있는데 충돌을 피하기 위해 CSS적용 우선순위를 정한 규칙 a. 중요도 CSS가 어디에 선언되었는지에 따라서 우선순위가 달라진다. head 요소 내의 style 요소 head 요소 내의 style 요소 내의 @import문 로 연결된 CSS파일 로 연결된 CSS파일 내의 @import문 브라우저 디폴트 스타일시트 ※@import 다른 스타일 시트에서 스타일 규칙을 가져올 때 쓴다. @charset규칙을 제외하고 모든 다른 종류의 규칙보다 선행해야 한다. 중첩 명령문이 아니기 때문에 조건부 그룹 @규칙 내에 사용할 수 없다. 구문 @import url; @import url list-of-media-queries; url impo..
2020.11.06 -
CSS - 상속(Inheritance)
1. 상속(Inheritance) 상위에서 적용한 스타일은 하위에서도 반영된다. ex) 폰트 크기, 색상... box-model(width, height, margin, padding, border)와 같이 크기와 배치 관련된 속성은 하위 엘리먼트로 상속되지 않는다. 상속받지 않는 요소 또는 프로퍼티의 경우, inherit키워드를 사용하여 명시적으로 상속받게 할 수 있다. Heading Paragraph Button Heading Paragraph Button 태그(paragraph) 부분에서 border, padding에 명시적으로 상속하게 하여 상속하면서, font-size, color를 자동으로 상속하는 것을 볼 수 있다. 참고 poiemaweb.com/css3-inheritance-cascadin..
2020.11.02