Hi

sibling selector 형제 선택자 형제 요소에 스타일 적용하기 기본형 - 요소 1 ~ 요소 2모든 형제 요소에 적용 (요소 1 다음에 오는 모든 형제) h1 ~ p { text-decoration: underline; } 출처 : Doit! html5+css3 웹표준의 정석

descendant selector 하위 선택자(descendant selector) 지정한 모든 하위 요소에 스타일 적용하기 자식 요소 뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용됩니다.기본형 - 상위요소 하위요소 section p { color: blue; }

태그 태그 외부 문서 삽입하기 웹 문서 안에 다른 웹 문서를 가져와 표시하는 것 (= inline frame) 속성 설명 width 인라인 프레임의 너비 height 인라인 프레임의 높이 name 인라인 프레임의 이름 src 프레임에 표시할 문서의 주소를 지정 seamless 프레임의 테두리를 없애 마치 본문의 일부처럼 보이도록 만듬 (속성 값 없이 그냥 쓰면 됨) 출처 : Doit! html5 + css3 웹표준의 정석

column-count 단의 개수 고정하고 다단 구성하기 속성 값 설명 콘텐츠가 들어갈 단의 개수를 지정합니다 auto 단의 너비(column-width) 같은 다른 속성에 따라 단의 개수가 자동 계산

column-width 단의 너비 고정하고 다단 구성하기 단의 너비를 고정해 놓고 화면을 분할할 수도 있고, 단의 개수를 고정해 놓고 화면을 분할 할 수 있음. 속성 값 설명 단 너비를 직접 지정합니다 auto 단의 개수(column-count) 같은 다른 속성에 따라 단의 너비가 자동으로 계산됨

z-index 속성 한 요소 위에 다른 요소를 쌓을 수 있습니다.요소 위에 요소를 쌓을 때 쌓는 순서를 지정할 수 있음값이 작을수록 아래에 쌓이고, 값이 클수록 위에 쌓입니다. #b1 { z-index:1; } #b2 { z-index:3; } #b3 { z-index:1; } 1 2 3