객체 선택 document.querySelector(''); 태그 생성 document.createElement('li'); 클래스 추가 태그 .classList.add('name'); 자식으로 넣기 부모.appendChild(nameTag) for …of 반복문 for of 반복문은 ES6에 추가된 새로운 컬렉션 전용 반복 구문입니다. for of 구문을 사용하기 위해선 컬렉션 객체가 [Symbol.iterator] 속성을 가지고 있어야만 합니다(직접 명시 가능). var iterable = [10, 20, 30]; for (var value of iterable) { console.log(value); }

position fixed fixed로 레이어 나누기 fixed로 가장 위에 있는 레이어가 되어버림 높이, 아래, 오른쪽 왼쪽 값을 하나라도 주면 다른 레이어가 되어버림 static positon:static relative absolute

block 과 inline div를 inline으로 하면 사라진다. 이유는 inline은 높이와 너비가 없기 때문이다 오리지널 내용물 없는 inline 내용 넣어주기 따라서 내용을 넣어줘야 보여진다 block은 box이고, inline 은 box가 아니다 box 특징 margin, border, padding 을 가지고 있다 margin 위 아래 20px , 좌우 15px 위 20, 오른쪽 5 아래 12 왼쪽 9 collapsing margins 위아래쪽만 일어나는 현상으로 위아래가 같으면 똑같이 인식해버림 흰 박스의 경계가 보라색 박스와의 경계가 같을 때 일어난다. 경계가 만나면 하나로 인식되는 것이다. padding 해결방법은 패딩을 넣으면 된다 border border 종류 border-style ..

1. CSS 넣는 방법 2. CSS 적용하는 방법 CSS( Cascading Style Sheet) cascading은 순서대로 적용시킨다는 의미 셀렉트 -> 스타일 -> 끝에 콜론(;) 스타일 종류 text-decoreation font-weight font-style text-align .... so on 3. BOX 기본적인 박스 단위 div 박스 종류 2가지 inline (in the same line) ex) span, a, img block ex) p, div, header 등