inline2 [211225-211226] 클론코딩_연습day 홀로 짜보는 클론코딩을 하며 메타인지를 해봅시다. 목적 내가 뭘 알고 뭘 모르는지 알기. 진행 1. html 큰 틀을 짜놓는다 2. css로 background 색을 넣어서 영역을 확인한다. 3. 세부요소를 넣는다 방법 각 파트별로 걸린 시간을 작성할 것 코드가 꼬인다고 재작성 하지 않을것. 수정으로만 반드시 할것. 주석이랑 블로그에 문제점과 해결법과 생각한 방향을 작성할것. 이렇지 않을까?하고 넘어가지 말고 속성은 정확히 알고 사용할것. 사용의도를 설명 가능해야함. 목표 영역이 흐르고 넘치는 것을 무지성으로 때려박아서 해결하지 않는것. 예상 문제점 어느 요소가 block이고 inline속성인지 애매 block, inblock, inline-block의 차이점 애매 float의 기능 개념 애매 뭐, 해봅.. 2021. 12. 25. [211222] CSS 이미지, 링크 넣기, position, 클론코딩 더보기 더보기 더보기 목차 1. 엘리먼트 안에 같은 엘리먼트를 넣기 1-1. div 1-2. ul, li 1-3. inline-block의 단점 1-4. float 2. 이미지 넣기 3. 메뉴 만들기 1. 엘리먼트 안에 같은 엘리먼트를 넣기 1-1. div 원래 모든 엘리먼트는 기본적으로 여백을 어느정도 가지고있다. 처음에 시작할때 margin, padding을 0으로 놓고 시작하면 편하다. 코드가 실행되는 위치 무조건 왼쪽 상단 꼭지점부터 시작해서 생성됨. 같은 위치에서 생성될 경우 나중에 실행된 코드가 위에 덮어씌워진다. 후발 생성된 엘리먼트는 속한 엘리먼트 기준으로 생성되는 위치가 달라진다 ex) 가운데 정렬된 1번 박스 안에 2번 박스를 생성한다. -> 가운데 정렬된 1번 박스의 왼쪽 상단 꼭지점.. 2021. 12. 22. 이전 1 다음
