qbj700

See the Pen HTML/CSS/JS 실습 (예제 - 27) - 다중 클래스 by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 26) - HTML 태그 및 CSS 총정리 (현재까지 배운것) by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 25) - ol li / ul li / h1,h2 활용 by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 24) - 1차 메뉴 최상위 클래스만 유지 by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 24) - 1차 메뉴 최상위 클래스만 유지 by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 23) - 1차 메뉴 같은 태그명 / class 사용 by qbj700 (@qbj700) on CodePen.

See the Pen HTML/CSS/JS 실습 (예제 - 22) - 1차 메뉴 기본 by qbj700 (@qbj700) on CodePen.

- CSS - inherit -> 부모 element의 값을 물려받는다. - color, font-size, font-weight, letter-spacing - background-color, display, border, margin, padding, width, height - border, border-radisu, text-align - 이중 기본 값이 inherit인 속성 - inline 속성 대표 element - span / a / img - block 속성 대표 element - div - ul li (번호가 정해지지않음) - ul : unordered list - li : list item - ul li (번호가 정해짐) - ol : ordered list - li : list item..

inherit 속성 여부 color [ㅇ] font-size [ㅇ] font-weight [ㅇ] letter-spacing [ㅇ] background-color [x] ㄴ기본값이 transparent (투명하다 = 뒤가 비친다) display [x] border [x] border-radisu [x] margin [x] padding [x] width [x] ㄴ display:block 이기 때문에 inherit인것처럼 보임 height [x] text-align [ㅇ] *기본값이 inherit인 속성 color [ㅇ] font-size [ㅇ] font-weight [ㅇ] letter-spacing [ㅇ] text-align [ㅇ] *기본값이 inherit이 아닌 속성 background-color [x..

- 수업내용 - 가상선택자 : hover / nth-child(2) -> 여기서 n은 n/1 할때 처럼 n명 있는 사람중 2번쨰. - nth-child(1n + 1) : 1n -> n은 0 부터 1씩 증가 / 1 * 0 = 0 + 1 = 1; - 1 * 1 = 1 + 1 = 2 ..... 1 * 5 = 5 + 1 = 6 이런식으로 증가함. - nth-child(2n + 1) : 2n -> n은 0 부터 1씩 증가 / 2 * 0 = 0 + 1 = 1; - 2 * 1 = 2 + 1 = 3 ..... 2 * 5 = 10 + 1 = 11 이런식으로 증가함. - nth-child(3n) : 3의 배수 - ( 3 * 0 / 3 * 1 / 3 * 2 ....... 3 * 11 식으로 증가) - nth-child(3n..