줄맞춤 단축키 ctrl a(전체선택) →ctrl+alt+L
H1태그에 명찰을 달아줄거고, 그 명찰을 지칭함
; 필수!
폰트 사이즈
기본적인 꾸며주기
width로 길쭉한 div의 초록색을 줄여주고 margin: auto;로 가운데로 옮겨 줌→그 후 초록색 삭제
'로그인하기'도 가로로 옮기려 했는데 margin: auto; 안 먹힘, 글 속성을 박스로 강제로 바꿔준 다음에 옮겨야함
명찰 두개 달아주기(중첩)
구글웹폰트 받아서 적용하는 방법
style 밑에 * { 만들기
그 사이에 CSS rules~~~ 복붙
주석달기 : 드래그 후 ctrl+ /(slash)
CSS 파일 분리 → 마치 한글에서 style과 같음. 이거 만들어두면 그냥 언제든 불러오기만하면 속성 적용시킬 수 있음
new→style sheet → <style>에 있는 내용 모두 스타일시트로 옮겨두고 <style></style> 삭제
title 밑에 이렇게 적음
<link rel="stylesheet" type="text/css" href = "mystyle.css">
코드 갖다 쓰는 사이트 : https://getbootstrap.com/docs/4.0/components/alerts/
body 아래에 붙여넣고 글 바꿔주면 오른쪽처럼 뜸!
똑같이 만들기, 개발자 도구 써야하고 jumbotron 쓰는 것!