일반 img의 부모로 div를 두개쓴이유 div에게 해당 오브젝트의 이름을 부여 하기위해서 이미지 사이에 div를 하나 만들고 div를 유령화 시킨후에 크기를 이미지에 맞춘다. transition을 활용하여 지정된 오브젝트를 커지게한다. transform:scale(1.4) : 기존보다 40% 커진다. transition:transform 1s : 1초동안 바뀐다. z-index : 유령들간의 우열z-index 는 포지션이 static 이면 먹히지않는다. relative 여야 먹힌다. opacity : 투명도 / 0:안보인다, 1:보인다. 숙제 오늘배운거 블로그에 적용하기 단톡방 일정 만들어서 올리기(조별톡방에도)

## 2021-05-12, 023일차 ### 일반 #### 팁 Ctrl+/ = 설명칸 만들기 - not 사용법 - :not(:nth-child(4n)) #### margin을 사용해서 간격맞추기 - 마진을 해당 부모에게 음수로 주면, 공간을 삐져나간다. - 음수 마진은 해당방향에서 부분유령화이다. - margin : -100px ----------------------------------- 조별회의 결과 컨셉정하기 화장품/게임/음식점 https://kmong.com/gig/138358 https://kmong.com/gig/163485 https://kmong.com/gig/278113

line-height : 라인의 키를 조종 #### img box img box의 자식은 유연하다. 화면에따라 크기가 변한다. #### 예 img-box > img( width:100%; display:block; ) 부모의 크기를 그대로따라가기 때문에 유연해진다. 여백을 없애기위해 디스플레이 블럭 적용. #### 구조를 머릿속으로 외우지말고 직접 그려서 공부해라 ### 숙제 - 크몽 가입

### Github https://github.com/mut1030/blog" target="_blank">[리포지터리홈] 리포지터리 홈에 들어가서 코드 누르고 zip.다운로드 ### Tip 같은사이트끼리 이동할때는 URL을 생략해도 된다. - 반응형 끄는법 : 너비를 정하면된다. #### 숙제 내일까지 vscode로 블로그 상단 메뉴 만들기

### VS CODE 1. 네이버에 VS CODE 검색 설치 2. 폴더를 만들고 그 안에 다시 폴더생성 VS code 실행 3. 확인은 html 파일 오른쪽 클릭 연결 프로그램 "크롬" 연결 ## -cue- 1. 세팅창 : Ctrl+쉼표 2. VScode는 항상 위에 독타입 써야한다. 3. !+tab 누르면 기본세팅 만들어준다. 4. Emmet(자동완성 안될때) - F+1 검색 > emmet 치고 > emmet expand ab 어쩌고 누르면 된당. 5. 자동정렬법 - F+1 검색 > beautify 치고 다운받고 > 검색 beautify file 누르면 된당 head 보이진않지만 중요한 메타정보를 저장하는곳 css는 head 안에 style 시트로 쓴다. head에 link 누르고 탭하면 주소를 불러올..

블로그를 만들었다. 키위위키 codepen.io/monkeyload/pen/BaWaJNm?editors=1100