Html,css 공부 1일차

• 오늘의 필기들

<div></div> 태그를 만들 시 그안에 이미지를 넣고 싶다?

style 태그에는 따라다니는 3종류가 있다
background-image : url(' ')
background-position :center
background-size : cover;

그 외에 필수요소

display:flex;
flex-direction:center;
justify-content:center;  -->이거랑 space-between 은 양끝으로 보내는거임
align-items:center;

margin:auto; 사실 이건 양 쪽 여백을 균등하게 남길때 사용하는 것.  (자세하게는 시계방향으로 4부분 나눌수 있다. margin: atuo, auto , auto , auto; )

span태그란 ->글자를 잡을 때 사용함.

만약에 fixed 를 사용할 경우에 그 안의 요소들을 가운데로 오게 하고 싶다면?
->left: calc(50%-600px); 

cursor: pointer; -->마우스를 가져다 댈 시에 나오는 손모양 포인터

폰트를 사용하고 싶다
구글 폰트에 가면 
해당 글씨체 선택 후 import 를 통하여서 긁어와 script바로 밑에 두고
다 적용하고 싶으면
import 밑에다가
*{
  font-family: 'Gothic A1', sans-serif;  ---->이건 그 임포트 바로 밑에 있습니다.
} 

제일 신기한건 마지막 github연동해서 진짜 홈페이지 처럼 만드는건데
정말신기하고 생각보다 재미있고 막 그랬다.

중요한건 지금 마음을 계속 가지고 싶다는게 크다.