전체 글330 한 번에 끝내는 파이썬 웹 개발 초격차 패키지 104일차 웹 & 프론트엔드 기본 GitHub 예제 Header (2) index.html Sign in Sign up class nav flex-grow-1 = 수평 정렬이 최대한 늘려지는 속성 btn btn-link = 배경이 없는 버튼 text-light = 배경이 흰색 btn btn-outlne-light = 아웃라인이 테두리 선 forms d-flex = forms 부분에 수평요소 추가 flex-shrink-0 = 감소 너비를 사용하지 않음 (기본값 : 1) me-2 : 마진의 오른쪽 여백 (start/end) text-decoration-none : 밑줄 제거 main.css /* 중략 */ header .forms input.form-control { color: white; background-col.. 2021. 12. 18. 한 번에 끝내는 파이썬 웹 개발 초격차 패키지 103일차 웹 & 프론트엔드 기본 GitHub 예제 Header (1) Bootstrap 변경 전 header .container { display: flex; align-items: center; padding-top: 20px; padding-bottom: 20px; } Bootstrap 변경 후 index.html Personal Open Source Business Explore main.css body { font-family: 'Poppins', sans-serif; font-weight: 300; } header { background-color: #040d22; } bootstrap을 활용한 Header를 학습해보는 시간을 가져보았다. 실질적으로 클론하는 느낌이 들어서 재밌어지고 있다. 매번 느끼지만.. 2021. 12. 18. 한 번에 끝내는 파이썬 웹 개발 초격차 패키지 102일차 웹 & 프론트엔드 기본 GitHub 예제 Google Fonts Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com - 구글 폰트는 일반적으로 경량화되어있지 않음 - 원하는 폰트가 검색되었을 때, 전부 선택하는 것이 아닌 신중하게 선택 - 지원 가능한 폰트는 100~900으로 표현되면서 9 EA 중 선택 (폰트의 두께를 표현) index.html Click! main.css body { font-family: 'Poppins', sans-serif; font-weight: 300; } Google Fonts에 대해 학습해보는 시간을 가졌다. Google Fonts는 가볍지는 않.. 2021. 12. 16. 한 번에 끝내는 파이썬 웹 개발 초격차 패키지 101일차 웹 & 프론트엔드 기본 GitHub 예제 소개 GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 프로젝트 생성 GitHub - ParkYoungWoong/bootstrap5-github-landing Contribute to ParkYoungWoong/bootstrap5-github-landing develop.. 2021. 12. 15. 이전 1 2 3 4 5 6 7 ··· 83 다음
