10강_ style, 구글 폰트를 통해 Header, Footer 꾸미기
- Header
- header 폴더에 작성
- 왼쪽 정렬(기본) → 중앙 정렬로 바꾸기
-
F12-Elements에서 해당 영역 선택 후 -Styles- text-align : center 적용하면 임시적으로 확인 가능 -
해당 html 파일 내부에 정의 해주어야 영구적 적용
style = "text-align:center"
-
중앙 정렬 전
중앙 정렬 후
-
위 아래 공백 조정하고 싶을 때 :
margin조절 -
부트스트랩 사용법
: head.html의<head>태그 내부에 사용
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">Ctrl+/사용시 주석 생성- 폰트 적용 :
style지정 후,dev혹은h1안에 작성
안녕하세용