본문 바로가기

사이트 클로닝2

[211231] clone_네이버 회원가입폼 / select, option, ::focus footer 정렬 맞춤 팝업메뉴 저 아래 화살표 표시는 어떻게 넣나 코드 보니까 아이콘이 아니었다. 심지어 ul, li도 아니었음. 목록은 option이었고, 화살표는 background로 들어가는 이미지였음. 홀리몰리. 다들 알았는가. background에도 position이 있음을. 나는 방금 알았다. 심지어 사이즈도 조절이 가능하다. #header > h1 > #logo{ display: block; margin: 0 auto; width: 240px; height: 44px; background-image: url('../img/logo_naver.png'); background-repeat: no-repeat; background-size:240px auto; background-position.. 2021. 12. 31.
[211225-211226] 클론코딩_연습day 홀로 짜보는 클론코딩을 하며 메타인지를 해봅시다. 목적 내가 뭘 알고 뭘 모르는지 알기. 진행 1. html 큰 틀을 짜놓는다 2. css로 background 색을 넣어서 영역을 확인한다. 3. 세부요소를 넣는다 방법 각 파트별로 걸린 시간을 작성할 것 코드가 꼬인다고 재작성 하지 않을것. 수정으로만 반드시 할것. 주석이랑 블로그에 문제점과 해결법과 생각한 방향을 작성할것. 이렇지 않을까?하고 넘어가지 말고 속성은 정확히 알고 사용할것. 사용의도를 설명 가능해야함. 목표 영역이 흐르고 넘치는 것을 무지성으로 때려박아서 해결하지 않는것. 예상 문제점 어느 요소가 block이고 inline속성인지 애매 block, inblock, inline-block의 차이점 애매 float의 기능 개념 애매 뭐, 해봅.. 2021. 12. 25.