(2023/04/19) 내일배움캠프 사전캠프 3일차

• html : 뼈대

  css : 꾸미기

  javascript : 움직이기

html

• head : css, javascript가 들어간다.
• h1 : 제목을 나타내는 태그, 페이지마다 하나씩은 꼭 넣어줘야 구글에서 검색됨
• 줄맞춤, 코드를 접었다 폈다 해서 위계가 잘 맞는지 잘 살피기
• 꾸미기
  1. 태그에 class="이름" 으로 명찰 달기
  2. head 안에 style 태그 삽입
  3. .이름{} 으로 호출하고 꾸미기
• 박스 : div(구역)
• 박스를 꾸밀 때 : 범위를 알기 위해 배경색을 먼저 삽입
• 이미지를 꾸미는 background~ 3줄은 같이 다니기
• 여백에서 쭉 밀기는 auto
• 코딩에서 *은 모두 다 라는 뜻
• .css 파일을 같은 폴더에 만들고, head 태그에서 불러오기
• jquery에서 css처럼 지칭할 때는 $('#이름').

<link rel="stylesheet" type="text/css" href = "(css파일이름).css">

• 내용물을 정렬할 때 (padding 필요 없음)

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

• 박스 그림자 삽입(보통 3px부분만 고치면 됨)

box-shadow: 0px 0px 3px 0px gray;