적용2
CSS selector, nth-child()와 nth-of-type() 비교
※ CSS selectordiv:nth-child(3) 하나의 부모 container에 들어 있는 자식들 중 3번째 자식이 이면 CSS 적용시키고, 만약 와 같은 다른 요소이면 이 규칙은 적용되지 않습니다. 요약하면, - 유형(type) 상관 없이 부모 객체의 3번째 자식 객체를 찾아서- 앞에 지정한 요소(div)와 동일한 유형(div)의 자식일 경우에만 CSS 적용div:nth-of-type(3) 하나의 부모 container에 들어 있는 자식들 중 만 선택 대상에 포함하여 그들 중 3번째 자식에게 CSS 적용- 부모 객체의 유형(type) 자식들만 찾아서- 그것들(div) 중 3 번째 자식에게 CSS 적용부모 container에 child가 1개만 있을 때 1. first-child와 last-ch..
CSS로 '위 첨자'와 '아래 첨자' 입력
위 첨자: superscript아래 첨자: subscriptHTML 코드 한글위 첨자한글위 첨자 한글아래 첨자한글아래 첨자 CSS 코드 기본(디폴트)vertical-align: baseline;위 첨자(superscript)vertical-align: super;아래 첨자(subscript)vertical-align: sub; font-size를 'small'이나 'smaller' 값으로 지정하여 글자의 크기를 더 작게 만듭니다. px나 em 단위로 지정해도 되겠죠. Class 지정 방법 선택 .superscript { vertical-align: super; font-size: small;}.subscript { vertical-align: sub; font-size: small;}.sup { vert..