무지는 알기 위한 행동의 이유

박스 모델 관점에서 배경 적용 범위를 조절할 수 있음. 테스트 해보면 테스트 1입니다? 테스트 2입니다? 테스트 3입니다? .bg1{ background-clip: border-box; background-color: lavender; width: 90%; padding: 15px; border : 5px dotted black; } .bg2{ background-clip: content-box; background-color: lavender; width: 90%; padding: 15px; border : 5px dotted black; } .bg3{ background-clip: padding-box; background-color: lavender; width: 90%; padding: 15px;..

하위 선택자(descendant selector) - 지정한 모든 하위 요소에 스타일 적용 부모 요소에 포함된 하위 요소 모두에 스타일이 적용되는 것으로 자손 선택자 라고도 함. 자식 , 손자 , 손자의 손자 등의 모든 하위 요소까지 적용됨. 정의 - 상위 요소와 하위 요소를 공백으로 구분하고 대괄호 안에 속성을 지정. 목록 목록1 항목1 항목2 목록2 항목1 항목2 자식 선택자 - 자식 요소에만 스타일 적용 하위 요소 전체에 스타일을 적용하는 것이 아니라 자식 요소에만 적용. 부모요소 > 자식요소로 표시함. #container2 > ul { border: 2px dotted blue; } Container2 목록1 항목1 항목2 목록2 항목1 항목2 형제 선택자 - 형제 요소에만 스타일 적용 모든 형제..