뉴렉처 과정 기록 (Frontend)/HTML _ CSS44 04/23 HTML/CSS 모바일 페이지 구현하기2 검색버튼을 누르면 어사이드가 나올 수 있게 해보기 click이 출력되었다가 사라짐 -> a태그 때문에 reload되는 것 -> 링크가 클릭되도 reload 안되게 해야겠다 -> 자바스크립트에서 배울 것~ 2021. 4. 23. 04/22 HTML/CSS 모바일 페이지 구현하기 자바스크립트를 활용해서 모바일 페이지를 구현해보자 모바일페이지의 헤더부분은 이런 모양으로 만들 것이다 오른쪽의 햄버거 버튼을 누르면 목록을 보여주게 되는데 , 직관적으로 보여지는 것이 좋다 2021. 4. 22. 04/15 HTML/CSS 메인부분 스타일링, 모바일페이지(viewport) 오른쪽사진처럼 만들기 폼은 혼자 만들어보도록하자 모바일 페이지 만들기 디스플레이의 최소단위가 픽셀인데 모바일은 픽셀 사용 안하고 dp로 쓴다 -> 밀도가 곱해진 것 html에는 밀도를 사용할수 없다 웹에서는 이걸 표현하기 위해 viewport 사용 우리가 만드는 페이지는 굉장히 크다 -> 모바일은 큰 화면을 보여주려고 하면 너비를 맞추기 위해 크기를 줄일것이다 영역에 맞춰서 출력하겠다 , 화면에 보이는 영역 -> viewport 픽셀을 쓰면서 밀도를 곱하지 않으면서 화면에 매칭하는 방법 다음시간에... 2021. 4. 15. 04/14 HTML/CSS 페이저 스타일링2 한 층으로 바꾸기 1을 강조색으로 바꾸기 2021. 4. 14. 이전 1 2 3 4 5 ··· 11 다음
