나를 감싸는 엘리먼트를 '부모 엘리먼트' 내가 감싸고 있는 엘리먼트를 '자식 엘리먼트' 같은 부모 안에 있는 엘리먼트를 '형제 엘리먼트' 라고 한다. 1) 부모 & 자식 엘리먼트 예시 ] 이 때 div는 nav를 감싸고 있으므로 부모 엘리먼트, nav는 div라는 부모 안에 감싸져 있으므로 자식 엘리먼트라고 한다. 2) 형제 엘리먼트 예시 ] 1 2 이 때 nav1과 nav2는 div라는 한 부모 안에 있는 엘리먼트 이므로 형제 엘리먼트라고 한다. * CSS에서는 이러한 관계를 이용하여 자식을 선택할 수 있다. 예시1 ] 이러한 HTML이 있다면, div > nav 이런 식으로 꺽쇠(>)를 사용해 자식을 선택 할 수 있는데, 이 때 선택자가 길수록 우선순위가 높다!

display 의 속성에는 inline, inline-block, block, none 네 가지의 종류가 있다. 1) inline : 너비를 최소한으로 줄여준다.(공간을 최소화) 한 줄에 여러개가 나오게 해준다. 부모에게 text-align을 쓰면 정렬할 수 있다. element를 글자화한다. *하지만 inline을 쓰면 padding, margin, width, height가 적용되지 않는다. 2) inline-block : 기본적으로 inline과 속성이 유사하다. (공간을 최소화, 한 줄에 여러개가 나옴, element를 글자화한다. ) inline-block을 쓰면 padding, margin, width, height가 적용된다. 3) block : block은 말 그대로 element를 블럭화..

학원 끝나고 : 그날 배운 개념 복습 + 문제 다시 풀어보기 오전 : 올려주신 동영상 보면서 다시 풀어보기 + 웹디자인 기능사 필기 -기출문제 2회분 풀기 오전 : HTML 일주일 간 배운 예제들 개념 내가 알아 볼 수 있게 노트 정리, 문제 한 번 쭉 다시 풀어보기 오후 : 포토샵 일주일 간 배운 예제들 개념 내가 알아 볼 수 있게 노트 정리, 예제 다시 적용( 알려주신 무료사이트에서 예제 이외의 이미지 받아서 적어도 2개 이상 적용해보기) 저녁 : 웹디자인 기능사 필기 공부 (전체 개념 돌리기, 자주 나오는 개념 다시 정리, 남은 모의고사 풀기)