지난 주에 이어서
폰트*{ font-family: "Gowun Dodum", sans-serif; }폰트를 적용하겠다는 뜻
부트스트랩은 남이 잘 꾸며놓은 CSS니까 잘 사용해보기
tip 아까 작업하던 파일을 참고하고 싶다면 폴더에서 끌어다 놓기
나만의 추억앨범 프로젝트
column = 세로
row = 가로
버튼 꾸밀 때 쓰는 단어
border = 가장자리(도형테두리) 선
solid = 실선
추억앨범 상단 만들기
<style> //상단 가로세로 길이 .mytitle { height: 250px; color: white; //엔터 가운데 정렬 세로 기준 맞추기 display: flex; flex-direction: column; align-items: center; justify-content: center; //엔터 background-image: url('https://images.unsplash.com/photo-1511992243105-2992b3fd0410?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'); background-position: center; background-size: cover; } //엔터 <body> <div class="mytitle"> <h1>나만의 추억앨범</h1> <button>추억 저장하기</button>추억 앨범에 맞는 card 코드를
부트스트랩에서 복사한 다음
앨범카드<div class = "my cards"> 밑에 붙여넣기 // img src'여기안에 이미지 사진 url' 넣기 <div class="col"><div class="row row-cols-1 row-cols-md-4 g-4">
- 뜻 사진 4개 들어간다는 것?
코드 접어서 복사 한다음 밑에 붙여넣기 하고
다시 엔터하고 붙여넣기 하기
폰트는 login 파일 불러서 복사 복붙하기
버튼 꾸밀 때 쓰는 단어
border = 가장자리(도형테두리) 선
solid = 실선
일단 이거 정리가 제대로 안된 것 같은데...
지금은 그냥 이해하지 말고 계속 진행해보기
