스파르타코딩클럽 | 로그인페이지 로그인하기

HTML은 뼈대
CSS는 꾸미기
JST는 움직임 이라고 알아두고 시작하면 좋음.

CSS
< head > ~ < /head > 안에 < style > ~ < /style > 로 공간을 만들어 작성합니다.
아래 코드를 통해 간단한 사용 방법을 알아봅니다.

mytitle라는 클래스를 가리킬 때, .mytitle { ... } 라고 써줘야 하는 것을 꼭! 기억해야함.

배경관련
background-color
background-image
background-size

사이즈
width
height

폰트
font-size
font-weight
font-family
color

간격
margin
padding
------->margin과 padding ( → 헷갈리지 말기!)

• margin은 바깥 여백을, padding은 내 안쪽 여백을
• div에 색깔을 넣고, 직접 사용해서 차이를 비교해보세요!

display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

폰트를 가져오는 사이트 : https://fonts.google.com/specimen/Hi+Melody?subset=korean#standard-styles

미리 만들어진 코드를 가져오는 사이트 : https://getbootstrap.com/docs/5.0/components/card/

이모티콘을 가져오는 사이트 : https://kr.piliapp.com/facebook-symbols/