중앙 정렬
text가 align 되어 있는 게 center 다

이미지는 3줄이 같이 다닌다고 생각하면 편하다
background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
background-size: cover;
background-position: center;

background-image: url(""); 대괄호 안에 url 넣으면 이미지가 됨

margin : (위)20, (오른쪽)0, 아래0, 왼쪽 100 /(내 밖으로 띄우는 것)
padding: 20px;(내 안쪽으로 20픽셀 주라는 뜻 박스 안 글씨 있으면 좌우 아래 위 20픽셀 늘리는 것

이미지는 3줄이 같이 다닌다고 생각하면 편하다

가운데 옮기는건 div로 묶어서 한번에 옮기는게 편하다
그래서 div로 일단 묶는다

margin: auto; 양 옆 동등하게 가지고 갈수 있어 가운데로 정렬할수 있다

*html은 글속성과 박스 속성이 있다
박스는 가로 세로라는 이런 개념이 존재하고요
글은 가로 세로라는 개념이 존재하기가 어렵다
너가 쓴 그글 가로가 얼마니 안 묻잖아요 그래서 이 글 속성을 박스로 강제로 바
꿔준 다음에 옮겨야 돼요 그게 모냐 display: block;

class는 중럽이라는 개념이 존재한다
두개를 먹일 수 있다
어떻게 하냐: 명찰옆에 ,뺴고 그냥 명찰 먹일 css쓰면 된다

1-7강
{}(은 모든 테그에 다 먹인다는 뜻)
CSS rules to specify families
font-family: 'Nanum Pen Script', cursive;이건 별에다가 넣고 링크는 타이틀 밑에 복붙하기

1-8

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>

이걸로 시작해보죠!

부트스트랩을 사용하려면
부트스트랩 시작 템플릿을 복붙 한후 사용해야한다.

1-9강

Tip.개발자 도구를(네이버 검사) 이렇게 보면 어떤건지 빠르게 볼수 있다

1-10강
css폰트 굵기 구글링 잘하기
border(테두리) 잘 찾는게 중요하다