Programming/HCJ(html_css_javascript)15 html css 로 카카오톡 찾기 페이지 만들어보기 딱 일주일이 지났고 이제 혼자서 깨똑 페이지 2장을 만들 수 있다. 오늘 만든 페이지! 1일 1커밋 하려고 노력 중이다. learned from nomadcoders 2023. 2. 12. 카카오톡 프렌즈 스크린 만들어보기(전편 참고) 오늘은 cloning practice 중 한 페이지인 friends screen을 만들어보았다. 이제 큰 틀을 잡아가는 것 같다. 내일은 세페이지를 만들어봐야지!! 2023. 2. 11. html+css로 카카오톡의 친구들 리스트 만들어보기 오늘 만든 페이지는 깨똑의 친구들 리스트 이다! 1. 아래 navigation bar는 unordered list tag로 구성이 가능하고 ul -> li 순으로 목록을 작성한다. 2. box sizing: border-box; => padding을 설정 후 사라진 아이콘을 복구할 때 꿀 태그! 내 박스를 늘리지 말라고 말하는 것임 → CSS에게 "내가 padding을 줘도 신경쓰지마. 내 box 사이즈를 늘리지 말아줘"라고 말하는 격이다. 오늘 내가 만든 페이지는 이렇다. 복습 복습 복습! learned from nomadcoders 2023. 2. 10. html + css로 깨깨오톡 로그인 페이지 만들어보기 1. html part - 첫 페이지 명은 Index.html 로 작성 모든 웹서버가 Index.html 페이지를 먼저 찾게 되니 index.html 명으로 작성 필요 - icon 쓴 웹: 1) heroicon(svg -> copy html address) 2) fontawesome * font를 외부에서 가져올 때에, 해당 페이지의 script를 가져오고 는 마지막 와 사이에 작성해두기 - link:css 치면 바로 위로 자동완성됨 - head와 header는 다른 것 1) head: created before body comes 2) header: inside the body tag 2. CSS part - [reset.css] 웹브라우저에서 default 설정을 없애기 위해서 reset.css 파일.. 2023. 2. 9. 이전 1 2 3 4 다음
